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, submenuobject)
	//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, submenuobject){
//	if (mastertabvar.browserdetect=="mozilla")
//	    submenuobject.style.filter = 'alpha(opacity=' + degree/100 + ')';
//	else if (mastertabvar.browserdetect=="ie")
//	    submenuobject.style.filter = 'alpha(opacity=' + degree + ')';
//	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)+1, 0.99)
//	else if (mastertabvar.browserdetect=="ie" && cur2.filters.alpha.opacity<100)
//	    cur2.filters.alpha.opacity=100
//	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"))
	
	if (menuitems[i].getElementsByTagName("a").length > 0)
    {
        menuitems[i].getElementsByTagName("a")[0].onmouseover=function()
        {
           showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
        }
    }
    else
    {
        menuitems[i].getElementsByTagName("img")[0].onmouseover=function()
        {
           showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
        }
    }
}
}
}

/* Script for changing css class on mouseover */
function changeClass(id, newClass) {
    if (typeof(id) == 'object')
        id.className = newClass;
    else
        document.getElementById(id).className = newClass; 
}
function changeImage(id, src)
{
    document.getElementById(id).src = src;
}