var isIE = (navigator.appName.indexOf("Microsoft") > -1);
var d = document;
var str;
var isIpad = checkIsIphoneIpad();

if (!levelArray)	var levelArray = new Array();

function init()
{	
	if (levelArray.length == 0)	getLevel();
	highlightTopNav();
	highlightSubNav();
	randomBanner();
	
}

function includeNum(arr, obj) {
  for(var i=0; i<arr.length; i++) {
    if (arr[i] == obj) return true;
  }
  return false;
}

function checkIsIphoneIpad()
{
	var pda_user_agent_list = new Array("iPhone", "iPod", "iPad"/*, "GTB"*/);
	var pda_app_name_list = new Array("Microsoft Pocket Internet Explorer");

	var user_agent = navigator.userAgent.toString();
	for (var i=0; i<pda_user_agent_list.length; i++) {
		if (user_agent.indexOf(pda_user_agent_list[i]) >= 0) {
			return true;
		}
	}
	var appName = navigator.appName.toString();
	for (var i=0; i<pda_app_name_list.length; i++) {
		if (user_agent.indexOf(pda_app_name_list[i]) >= 0) {
			return true;
		}
	}
	
	return false;
}


var bannerPath = "../images/banner/";
var bannerNum = 7;
function randomBanner()
{
	if(!d.getElementById('banner')) return;
	var bannerDiv = d.getElementById('banner');
	var bannerArray = new Array();
	
	do{
		var randomNum = Math.floor(Math.random()*bannerNum);
		if(!includeNum(bannerArray, randomNum+1))
		{
			bannerArray.push(randomNum+1);
		}		
	}while(bannerArray.length < bannerNum)
	
	for(var i=0; i<bannerArray.length; i++)
	{
		var bannerImg = createImg(bannerPath+bannerArray[i]+'.jpg', "", 980, 234);
		bannerDiv.appendChild(bannerImg);
	}
	
	/*if (d.getElementById('banner'))	*/
	setMenu.init('banner');
}

function getLevel()
{
	var url = location.pathname;
	levelArray = url.split('/');
	levelArray.shift();
	//levelArray.shift();
	//levelArray.shift();
	if(levelArray.length == 0) return;
	var obj = levelArray[levelArray.length-1];
	if (!(obj == 'index.asp' || obj == 'index_big5.asp'))
	{
		if(obj == 'online.asp')
			levelArray[levelArray.length-1] = obj.replace('.asp', '');
		else
		    //levelArray[levelArray.length-1] = obj.replace('.aspx', '');
			levelArray[levelArray.length-1] = obj.replace('.html', '');
	}
	else
	{
		levelArray.pop();
	}
}

function highlightTopNav()
{
	
	var obj = levelArray[0];
	if (!d.getElementById(obj))	return;
	
	var btn = d.getElementById(obj);
	btn.className += ' active';
}

function highlightSubNav()
{
/*	if(!d.getElementById("mainContainer")) return;
	
	var leftNav = getElementsByClassName(d.getElementById("mainContainer"), 'subNavClass');
	
	if(leftNav.length == 0) return;*/
	if(!d.getElementById(levelArray[1])) return;
	d.getElementById(levelArray[1]).className = 'active';
}

function getElementsByClassName(p, c, selected)
{
	var array = new Array();
	var tags = p.getElementsByTagName('*');
	
	for (var i=0; i<tags.length; i++)
	{
		if (!tags[i].className)	continue;
		if (selected)
		{
			if (tags[i].className.indexOf(c) >= 0)	array.push(tags[i]);
		}
		else
		{
			if (tags[i].className == c)	array.push(tags[i]);
		}
	}
	
	return array;
}

function createImg(src, alt, w, h, link, t, className)
{
	var img = d.createElement('img');
	if (src)	img.setAttribute('src', src);
	if (alt)	img.setAttribute('alt', alt);
	if (w)	img.setAttribute('width', w);
	if (h)	img.setAttribute('height', h);
	if (className)	img.className = className;
	
	if (link)
	{
		img.setAttribute('border', 0);
		
		var a = d.createElement('a');
		a.setAttribute('href', link);
		if (t && typeof(t) != 'undefined')	a.setAttribute('target', t);
		a.appendChild(img);
		return a;
	}
	else
	{	
		return img;
	}
}

function createA(link, t, txt, id, className)
{		
	var a = d.createElement('a');
	if (link)	a.setAttribute('href', link);
	if (t && typeof(t) != 'undefined')	a.setAttribute('target', t);
	
	//if (txt)	a.appendChild(d.createTextNode(txt));
	if (txt)	a.innerHTML = txt;
	if (id)	a.setAttribute('id', id);
	if (className)	a.className = className;
	
	return a;
}

function createDiv(id, className, txt)
{		
	var div = d.createElement('div');
	if (id)	div.setAttribute('id', id);
	if (className)	div.className = className;
	//if (txt)	div.appendChild(d.createTextNode(txt));
	if (txt)	div.innerHTML = txt;
	return div;
}

function createTag(tag, id, className, txt)
{		
	var div = d.createElement(tag);
	if (id)	div.setAttribute('id', id);
	if (className)	div.className = className;
	if (txt)	div.innerHTML = txt;
	return div;
}

function createInput(name, type, value, className)
{		
	var input = d.createElement('input');
	if (name)	input.setAttribute('name', name);
	if (type)	input.setAttribute('type', type);
	if (value)	input.setAttribute('value', value);
	if (className)	input.className = className;
	return input;
}

function setChildNodes(obj, tagName)
{
	var array = new Array();
	
	for (var i=0; i<obj.childNodes.length; i++)
	{
		if (tagName)
		{
			if (obj.childNodes[i].tagName != tagName)	continue;
		}
		if (obj.childNodes[i].toString().toLowerCase().indexOf('text') >= 0)	continue;
		array.push(obj.childNodes[i]);
	}
	
	return array;
}

function NewWindow(mypage, myname, w, h, scroll,resizable) {
	var winl = (screen.width - w) / 2;
	var wint = (screen.height - h) / 2;
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable='+resizable+',';
	win = window.open(mypage, myname, winprops);
	win.self.focus();
	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}

function genLeasePulldown(id) {
	if (d.getElementById(id) != null)
		var scrollItem = d.getElementById(id);
	if(!d.getElementById(id).scrollCalled)
	{
		var scrollContainer = getElementsByClassName(scrollItem, 'drowdownItmeLink')[0];
		var scroll = getElementsByClassName(scrollItem, 'Scrollbar-Container')[0];

		var scroller = new Scrolling.Scroller(scrollContainer, scroll.offsetWidth, scroll.offsetHeight);
		var scrollbar = new Scrolling.Scrollbar(scroll, scroller, new Scrolling.ScrollTween());
		d.getElementById(id).scrollCalled = true;
	}
}

var setMenu = 
{
	init:	function (obj)

	{
		setMenu.index = 0;
		this.container = d.getElementById(obj);
		var img = this.container.getElementsByTagName('img');
		setMenu.total = img.length;
		this.loopStart();
		setMenu.changeA(img[0], true);
	},
	
	changeA:	function (obj, fadeIn)
	{
		if (fadeIn)	startFading(obj);
		for (var i=0; i<setMenu.total; i++) {
			this.container.getElementsByTagName('img')[i].style.display = 'none';
		}
		obj.style.display = 'block';
		setMenu.index++;
		if (setMenu.index >= setMenu.total)  {setMenu.index = 0;}
		setMenu.img = this.container.getElementsByTagName('img')[setMenu.index];
	},

	loopStart:	function ()
	{
		loop = true;
		setMenu.setTime();
	},
	
	setTime:	function()
	{
		
		//clearInterval(timeOut);
		
		var timeCompleted = function()
		{
			setMenu.changeA(setMenu.img, true);
			
		}
		timeOut = setInterval(timeCompleted, 8000);
	}

}

function startFading(el)
{
  if (el.fadinTimeout)	clearTimeout(el.fadinTimeout);
  el.style.visibility = 'visible';
  el.style.zIndex = 2;
  setOpacity(el, 0);
  fadeImage(el, 0);
}

function fadeImage(el, currentOpacity)
{
  currentOpacity += 10;

  if (currentOpacity > 100)
  {
    setOpacity(el, 100);
    el.style.zIndex = 1;
	if (el.fadinTimeout)	clearTimeout(el.fadinTimeout);
  }
  else
  {
    setOpacity(el, currentOpacity);
    el.fadinTimeout = setTimeout(function() { fadeImage(el, currentOpacity); }, 100);
  }
}

function setOpacity(el, opacity)
{
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";
}