// Mitch Leung @ Ion Global dot com
// 20060303
// tab without refresh
function divSwitch(__id, __mode){
	var el = document.getElementById(__id);
	if (el){
		el.style.display = (__mode==2) ? "inline" : ((__mode==1) ? "block" : "none");
	}
}
// tab switching
var gTabCount = 0;
var gTabArr = Array();
var gCurrentTabId;
function checkTabSwitch(){
	var divs = document.getElementsByTagName("div");
	if (divs){
		var elHilite = '';
		for (i=0; i<divs.length; i++){
			if (divs[i].className.indexOf("divSwitch")!=-1){
				gTabArr[gTabCount] = divs[i].id;
				gTabCount++;
				divSwitch(divs[i].id,0);
				if (gTabCount==1 || divs[i].className.indexOf("current")!=-1){
					elHilite = divs[i].id;
				}
			}
		}
		if (gTabCount>0){
			tabSwitch(elHilite);
		}
	}
}
function tabSwitch(__id){
	var tm = document.getElementById("tabmenu");
	if (tm){
		var a = tm.getElementsByTagName("a");
		var spans = tm.getElementsByTagName("span");
	}
	var spanClass = "";
	var tabcontent = document.getElementById("tabcontent");
	// if (tabcontent) tabcontent.style.display = "none";
	if (a.length!=gTabCount && gTabCount==1){
		// fake tabs
		var needle = __id.substr(1, __id.length);
		for (i=0; i<a.length; i++){
			if (a[i].id.indexOf(needle)!=-1){
				divSwitch(gTabArr[0],2);
				divSwitch(gTabArr[0]+"extra",2);
				gCurrentTabId = a[i].id;
				spanClass = "hi at";
				var imgs = a[i].getElementsByTagName("img");
				for (j=0; j<imgs.length; j++){
					var imgPath = imgs[j].src;
					var posOff = imgPath.indexOf("_off.");
					var posOn = imgPath.indexOf("_on.");
					var pos = (posOff!=-1) ? posOff : ((posOn!=-1) ? posOn : -1);
					var strlen = (posOff!=-1) ? 5 : ((posOn!=-1) ? 4 : 0);
					if (pos!=-1){
						var nextPath = imgPath.substring(0,pos) + '_at.'+ imgPath.substring(pos+strlen,imgPath.length);
						imgs[j].src = nextPath;
						break;
					}
				}
			}else{
				spanClass = "";
			}
			if (tm && spans && typeof(spans[i])!=undefined){
				spans[i].className = spanClass;
			}
		}
	}else{
		for (i=0; i<gTabCount; i++){
			if (gTabArr[i] == __id){
				divSwitch(gTabArr[i],2);
				divSwitch(gTabArr[i]+"extra",2);
				gCurrentTabId = a[i].id;
				spanClass = "hi at";
				var imgs = a[i].getElementsByTagName("img");
				for (j=0; j<imgs.length; j++){
					var imgPath = imgs[j].src;
					var posOff = imgPath.indexOf("_off.");
					var posOn = imgPath.indexOf("_on.");
					var pos = (posOff!=-1) ? posOff : ((posOn!=-1) ? posOn : -1);
					var strlen = (posOff!=-1) ? 5 : ((posOn!=-1) ? 4 : 0);
					if (pos!=-1){
						var nextPath = imgPath.substring(0,pos) + '_at.'+ imgPath.substring(pos+strlen,imgPath.length);
						imgs[j].src = nextPath;
						break;
					}
				}
			}else{
				divSwitch(gTabArr[i],0);
				divSwitch(gTabArr[i]+"extra",0);
				spanClass = "";
			}
			if (tm && spans && typeof(spans[i])!=undefined){
				spans[i].className = spanClass;
			}
		}
	}
	if (tabcontent){
		tabcontent.style.display = "block";
	}
	tabMouseoff(gCurrentTabId);
}
function tabMouseoff(__id){
	var tab = document.getElementById("tabmenu");
	if (tab && __id!=undefined){
		var el = tab.getElementsByTagName("a");
		for (i=0; i<el.length; i++){
			var spans = el[i].getElementsByTagName("span");
			if (spans[0]){
				var img = el[i].getElementsByTagName('img');
				var imgpathOn = img[0].src;
				if (el[i].id != __id && (spans[0].className.indexOf("hi")==-1 && spans[0].className.indexOf("at")==-1)){
					spans[0].className = "lo";
					var posOn = img[0].src.lastIndexOf('_on.');
					var posAt = img[0].src.lastIndexOf('_at.');
					var pos = (posOn!=-1) ? posOn : ((posAt!=-1) ? posAt: -1);
					if (pos != -1){
						var imgpathOff = imgpathOn.substring(0,pos) + '_off.'+ imgpathOn.substring(pos+4,imgpathOn.length);
						img[0].src = imgpathOff;
					}
				}
			}
		}
	}
}
// content switching
var gContentCount = 0;
var gContentArr = Array();
function checkContentSwitch(){
	var currIdArr = Array();
	var divs = document.getElementsByTagName("div");
	for (j=0; j<divs.length; j++){
		if (divs[j].className.indexOf("divSwitch")!=-1){
			var conts = divs[j].getElementsByTagName("div");
			var currId = '';
			var idx = 0;
			var menuArr = Array();
			for (i=0; i<conts.length; i++){
				if (conts[i].className.indexOf("contSwitch")!=-1){
					//gContentArr[idx][gContentArr[idx].length] = cs[i].id;
					menuArr[idx] = conts[i].id;
					idx++;
					divSwitch(conts[i].id,0);
					if (idx==1 || conts[i].className.indexOf("current")!=-1){
						currId = conts[i].id;
					}
				}
			}
			gContentArr.push({id:divs[j].id, arr:menuArr});
			if (idx>0 && currId!='' && menuArr.length>0){
				//contentSwitch(currId, divs[j].id);
				currIdArr.push({"el":currId, "id":divs[j].id});
			}
			/* set first row top padding */
			var tbls = divs[j].getElementsByTagName("table");
			for (i=0; i<tbls.length; i++){
				if (tbls[i].className.indexOf("tblTab")!=-1){
					var trs = tbls[i].getElementsByTagName("tr");
					if (trs[0]) trs[0].className += " first";
					if (trs[1]) trs[1].className += " second";
				}else if (tbls[i].className.indexOf("sidenav")!=-1){
					var tds = tbls[i].getElementsByTagName("td");
					if (tds[0]){
						var spans = tds[0].getElementsByTagName("span");
						if (spans[0]){
							spans[0].className += " first";
						}
					}
				}
			}
		}
	}
	for (i in currIdArr){
		contentSwitch(currIdArr[i].el, currIdArr[i].id);
	}
}
function contentSwitch(__id, __container){
	for (i=0; i<gContentArr.length; i++){
		if (gContentArr[i].id == __container){
			var arr = gContentArr[i].arr;
			for (j=0; j<arr.length; j++){
				if (arr[j] == __id){
					divSwitch(arr[j],2);
				}else{
					divSwitch(arr[j],0);
				}
			}
		}
	}
	var c = document.getElementById(__container);
	var teamTbl = document.getElementById("team_"+__container);
	if (c && teamTbl){
		var ahrefs = teamTbl.getElementsByTagName("a");
		for (i=0; i<ahrefs.length; i++){
			var test = ahrefs[i].getAttribute('href');
			var teststr = test.substr(test.indexOf("#")+1, test.length-1);
			if (teststr==__id){
				ahrefs[i].className = "hi";
			}else{
				ahrefs[i].className = "";
			}
		}
	}
}
function initSwitch(){
	checkTabSwitch();
	checkContentSwitch();
	if (typeof(followupSwitch)=="function"){
		followupSwitch();
	}
}
var followupSwitch;
if (typeof(window.onload)=="function"){
	followupSwitch = window.onload;
}
window.onload = initSwitch;