var mastertabvar=new Object()
mastertabvar.baseopacity=0
mastertabvar.browserdetect=""
var menuobject = new Array();
var highlighting = new Array();
function showsubmenu(masterid, id){
    for (var i in highlighting){
		if (typeof highlighting[i]!="undefined") clearInterval(highlighting[i]);
	}
	menuobject[id]=document.getElementById(id);
	var submenuobject=menuobject[id];
	mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
	hidesubmenus(mastertabvar[masterid]);
	submenuobject.style.display="block";
	instantset(0, submenuobject);
	highlighting[id]=setInterval("gradualfade()",50)
}

function hidesubmenus(submenuarray){
	for (var i=0; i<submenuarray.length; i++)
		document.getElementById(submenuarray[i]).style.display="none"
}

function instantset(degree, submenuobject){
	if (mastertabvar.browserdetect=="mozilla")
		submenuobject.style.MozOpacity=degree/100;
	else if (mastertabvar.browserdetect=="ie")
	{
		submenuobject.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+ degree + ");";
	}
}

function getOpacity(string){
	s= string.split('=')[1];
	return s.split(')')[0];
}
function gradualfade(){
	var opacity;
	for(var id in menuobject){
		cur2=menuobject[id];
		if (mastertabvar.browserdetect=="mozilla"){
			opacity=parseFloat(cur2.style.MozOpacity);
			if(opacity<1){
				opacity+=0.1;
				if(opacity>=1){
					opacity=1;
					clearInterval(highlighting[id])
				}
				cur2.style.MozOpacity=opacity;
			}
		}
		else if (mastertabvar.browserdetect=="ie"){
			var opacity=parseInt(getOpacity(cur2.style.filter));
			if(opacity<100){
				opacity+=10;
				if(opacity>=100){
					opacity=100;
					clearInterval(highlighting[id])
				}
				cur2.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+ opacity + ");";
			}
		}
	}
}

function initalizetab(tabid){
	mastertabvar[tabid]=new Array()
	var menuitems=document.getElementById(tabid).getElementsByTagName("li")
	var selected_menu;
	for (var i=0; i<menuitems.length; i++){
		if (menuitems[i].getAttribute("rel")){
			menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab
			menuitems[i].setAttribute("itemid", i) // lay ra i de chon lai menu
			mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel") //store ids of submenus of tab menu
		}
	}
	for (var i=0; i<menuitems.length; i++){
		if (menuitems[i].getAttribute("rel")){
			if (menuitems[i].className=="selected"){
				selected_menu=i;
				showsubmenu(tabid, menuitems[i].getAttribute("rel"))
			}
			var linkers=menuitems[i].getElementsByTagName("a")
			if(linkers.length>0){
				linkers[0].onmouseover=function()
				{
					menuitems[selected_menu].className="";
					selected_menu=this.parentNode.getAttribute("itemid");
					showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
				}
				linkers[0].onmouseout=function()
				{
					menuitems[selected_menu].className="selected";
				}
			}
		}
	}
}

function init_tab(tabid){
	mastertabvar[tabid]=new Array()
	var menuitems=document.getElementById(tabid).getElementsByTagName("li")
	var selected_menu;
	for (var i=0; i<menuitems.length; i++){
		if (menuitems[i].getAttribute("rel")){
			menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab
			menuitems[i].setAttribute("itemid", i) // lay ra i de chon lai menu
			mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel") //store ids of submenus of tab menu
		}
	}
	for (var i=0; i<menuitems.length; i++){
		if (menuitems[i].getAttribute("rel")){
			if (menuitems[i].className=="selected"){
				selected_menu=i;
				showsubmenu(tabid, menuitems[i].getAttribute("rel"))
			}
			var linkers=menuitems[i].getElementsByTagName("a")
			if(linkers.length>0){
				linkers[0].onclick=function()
				{
					menuitems[selected_menu].className="";
					selected_menu=this.parentNode.getAttribute("itemid");
					menuitems[selected_menu].className="selected";
					showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
				}
			}
		}
	}
}
