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

function showsubmenu(masterid, id){
currentDisplayedMenuItemID=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)
}

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")
    var menuSelectedItem=null    
    var containermenu=document.getElementById("containerMenu")    
    
    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")
            {
                menuSelectedItem = menuitems[i]
                showsubmenu(tabid, menuitems[i].getAttribute("rel"))
            }
            
            menuitems[i].getElementsByTagName("a")[0].onclick=function()
            {
                showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
            }            
        }       
    }   
}

function hideMenuItem(menuID)
{
    document.getElementById(menuID).style.display="none"
}

function addHandler(node, evt, func)
{
    if (node.addEventListener) 
    {
        node.addEventListener(evt, func, false) 
    } else 
    {
        node.attachEvent('on' + evt, func)    
    }
}

function isParent(child, parent) {
    if (!child || !parent) 
    {
        return false;
    }
    while (true) 
    {
        if (child == parent) 
        {
            return true;
        }
        if (child.parentElement) 
        {
            child = child.parentElement;
        } else if (child.parentNode) 
        {
            child = child.parentNode;
        } else {
            return false;
        }
    }
}

function dagensBlindDown(AffectedCtrlID, ShowCtrlID, HideCtrlID) 
{    
    switchControls(ShowCtrlID, HideCtrlID);
     
    var AffectedCtrl = document.getElementById(AffectedCtrlID);
    Effect.BlindDown(AffectedCtrl);
    
    return false;
}

function dagensBlindUp(AffectedCtrlID, ShowCtrlID, HideCtrlID) 
{    
    switchControls(ShowCtrlID, HideCtrlID);
    
    var AffectedCtrl = document.getElementById(AffectedCtrlID);
    Effect.BlindUp(AffectedCtrl);
    
    return false;
}

function switchControls(ShowCtrlID, HideCtrlID)
{
    var ShowCtrl = document.getElementById(ShowCtrlID);
    var HideCtrl = document.getElementById(HideCtrlID);
    
    ShowCtrl.style.display="block";
    HideCtrl.style.display="none";
}