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

function showsubmenu(masterid, id) {
    if (typeof highlighting!="undefined")
    {
        clearInterval(highlighting)
    }
    submenuobject=document.getElementById(id)
    mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
    hidesubmenus(mastertabvar[masterid]);
    submenuobject.style.display="block";
    instantset(mastertabvar.baseopacity);
    highlighting=setInterval("gradualfade(submenuobject)",50);
    setTabColor(masterid);
    
    hrefid = id + "1"
    document.getElementById(hrefid).style.backgroundColor="white";
}

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

function setTabColor(masterid)  {
    var menuitems=document.getElementById(masterid).getElementsByTagName("li")
    for (var i=0; i<menuitems.length; i++)
    {
        hrefid = menuitems[i].getElementsByTagName("a")[0].id
        document.getElementById(hrefid).style.backgroundColor="#E8EBF0";
        //menuitems[i].getElementsByTagName("a")[0].style.backgroundColor="red";
    }
}
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"));}
        }
    }
}