// JavaScript Document
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)
}

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"));					
					
					var menu_id = this.parentNode.getAttribute("rel");
					//alert(menu_id);
					setButton(menu_id);					
				}
		}
	}
}


function setButton(selmenu )
{
	if(selmenu == "home")	
	{
		over(1);	
	}
	else if(selmenu == "about_us")	
	{
		over(2);	
	}
	else if(selmenu == "services")	
	{
		over(3);	
	}
	else if(selmenu == "skills")	
	{
		over(4);	
	}
	else if(selmenu == "clients")	
	{
		over(5);	
	}
	else if(selmenu == "news_events")	
	{
		over(6);	
	}
	else if(selmenu == "contact_us")	
	{
		over(7);	
	}

}


// Pre load images.
if (document.images) {
    img1_sel = new Image();
    img1_nor = new Image();
    img1_sel.src      = "images/mhome_s.gif";
    img1_nor.src    = "images/mhome_n.gif";
	
    img2_sel = new Image();
    img2_nor = new Image();
    img2_sel.src      = "images/maboutus_s.gif";
    img2_nor.src    = "images/maboutus_n.gif";
	
    img3_sel = new Image();
    img3_nor = new Image();
    img3_sel.src      = "images/mservices_s.gif";
    img3_nor.src    = "images/mservices_n.gif";
	
    img4_sel = new Image();
    img4_nor = new Image();
    img4_sel.src      = "images/mskills_s.gif";
    img4_nor.src    = "images/mskills_n.gif";
	
    img5_sel = new Image();
    img5_nor = new Image();
    img5_sel.src      = "images/mclients_s.gif";
    img5_nor.src    = "images/mclients_n.gif";
	
    img6_sel = new Image();
    img6_nor = new Image();
    img6_sel.src      = "images/mnewsnevents_s.gif";
    img6_nor.src    = "images/mnewsnevents_n.gif";
	
    img7_sel = new Image();
    img7_nor = new Image();
    img7_sel.src      = "images/mcontactus_s.gif";
    img7_nor.src    = "images/mcontactus_n.gif";
	
}

function over(i)
{
    if (document.images)
        eval('document.img'+i+'.src=img'+i+'_sel.src');
}

function out(k)
{
    if (document.images)
        eval('document.img'+k+'.src=img'+k+'_nor.src');
}