var mastertabvar=new Object()
mastertabvar.baseopacity=0
mastertabvar.browserdetect=""

function showsubmenu(masterid, id)
	{	
	if (typeof highlighting!="undefined")	clearInterval(highlighting)	;
	var x=(24+document.getElementById('r_'+id).offsetTop)+'px';	
	var l=(document.getElementById('r_'+id).offsetLeft)+'px';	

	submenuobject=document.getElementById(id)
	mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
	hidesubmenus(mastertabvar[masterid]);
	submenuobject.style.display="block";
	submenuobject.style.top=x;
    submenuobject.style.left=l;
	
	instantset(mastertabvar.baseopacity);
	highlighting=setInterval("gradualfade(submenuobject)",5);	
	}

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

function instantset(degree)
	{
	if (mastertabvar.browserdetect=="mozilla")
	submenuobject.style.MozOpacity=degree/100
	else if (mastertabvar.browserdetect=="ie")
	submenuobject.filters.alpha.opacity=degree
	}	


function gradualfade(cur2)
	{
	if (mastertabvar.browserdetect=="mozilla" && cur2.style.MozOpacity<1)
	cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
	else if (mastertabvar.browserdetect=="ie" && cur2.filters.alpha.opacity<100)
	cur2.filters.alpha.opacity+=10
	else if (typeof highlighting!="undefined") //fading animation over
	clearInterval(highlighting)
	}

function initalizetab(tabid)
	{

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