// JavaScript Document

startList = function() {
/*
	if (top != self)
     top.location=self.document.location;
	 */
	initializemenus();	
	var mainnavID = findDOM("mainnavigation", 0);
	var mainnavIMGS = mainnavID.getElementsByTagName("IMG");
	
	//fistsubnav.className= "hidden";
	// initialize the main nav rollovers
	for(i=0; i < mainnavIMGS.length; i ++)
	{	
		var mainnavnode = mainnavIMGS[i];
		mainnavnode.onmouseover = function ()
		{
			this.src = this.src.replace(".gif", "_over.gif");
			showsubnav(this);
		}
		mainnavnode.onmouseout = function ()
		{
			this.src = this.src.replace("_over.gif", ".gif");
			hidesubnav(this);
		}

	}
	
	// initialize the submenus
	var subnav = findDOM("subnav", 0);
	for(i=0; i < subnav.childNodes.length; i ++)
	{
		if(subnav.childNodes[i].nodeName == "DIV")
		{
			var subnavNode = subnav.childNodes[i];
			subnavNode.onmouseover = function ()
				{
					this.className = "visible";
					showmainnav(this);
				}
			subnavNode.onmouseout = function ()
				{
					this.className = "hidden";
					hidemainnav(this);
				}
		}
	}

	// initialize the third level menus
	for(i=0; i < subnav.childNodes.length; i ++)
	{
		if(subnav.childNodes[i].nodeName == "DIV")
		{
			var subnavNode2 = subnav.childNodes[i];
			for(a = 0; a < subnavNode2.childNodes.length; a++)	
			{
				if(subnavNode2.childNodes[a].nodeName=="DIV")
				{
					var thirdlevel = subnavNode2.childNodes[a];
					thirdlevel.onmouseover = function ()
					{
						this.className= "thirdlevelNav_hdr_over";
						showthirdlevel(this);
					}
					thirdlevel.onmouseout = function ()
					{
						this.className="thirdlevelNav_hdr";
						hidethirdlevel(this);
					}
				}
			}
		}
	}
}
window.onload=startList;
window.onresize=startList;

function initializemenus()
{

	// CROSS BROWSER FIXES	
	var browseroffsettop = 0;
	var browseroffsetleft = 0;
	var offsettop = 0;
	var OSoffsettop = 0;
	var OSoffsetleft = 0;
	var platform = BrowserDetect.OS;
	var browser = BrowserDetect.browser;
	
	// OS detect for fixing the subnav positions
	switch (platform)
		{  
			case 'Windows':  <!-- IF BROWSER IS WINDOWS -->
				OSoffsettop =  0;  
				OSoffsetleft = 0;
				break;
			case 'Mac':  <!-- IF BROWSER IS MAC -->
				OSoffsettop = 0;  
				OSoffsetleft = -10;
				break;
			default: 
				OSoffsettop = 0;  
				OSoffsetleft = 0;
		};
	
	
	// browser detect for fixing the subnav positions
	switch (browser)
		{  
			case 'Explorer':  <!-- IF BROWSER IS EXPLORER -->
				browseroffsettop = 2;  
				browseroffsetleft = 0;
				break;
			case 'Firefox':  <!-- IF BROWSER IS FIREFOX -->
				browseroffsettop = -5;  
				browseroffsetleft = 0;
				break;
			case 'Opera':  <!-- IF BROWSER IS FIREFOX -->
				browseroffsettop = -1;  
				browseroffsetleft = -4;
				break;
			case 'Safari':  <!-- IF BROWSER IS SAFARI -->
				browseroffsettop = -4;  
				browseroffsetleft = 0;
				break;
			default: 
				browseroffsettop = 0;  
				browseroffsetleft = 0;
		};

	// END CROSS BROWSER FIXES

	var x = (document.body.clientWidth);
	if(x < 800)
	{
		x = 800;
	}
	var center = x/2;
	var top = 308;
	var leftbrowseroffset = 0;
	var width= 160;
	
	var submenusID = new Array("products_subnav");
	var submenuOffsets = new Array(-255, -100);

	for(i=0; i < submenusID.length; i++)
	{
		var submenuOBJ = findDOM(submenusID[i], 0);
		submenuOBJ.style.position = "absolute";
		submenuOBJ.style.width= width + "px";
		submenuOBJ.style.top = top + browseroffsettop + OSoffsettop + "px";
		submenuOBJ.style.left = submenuOffsets[i] + center + leftbrowseroffset + browseroffsetleft + "px";
	}


}

function showsubnav(object)
{
	var subnavID = object.id + "_subnav";
	var subnavOBJ = findDOM(subnavID, 0);
	if(subnavOBJ)
		{
			subnavOBJ.className = "visible";
		}
}

function hidesubnav(object)
{
	var subnavID = object.id + "_subnav";
	var subnavOBJ = findDOM(subnavID, 0);
	if(subnavOBJ)
		{
			subnavOBJ.className = "hidden";
		}
}

function showmainnav(object)
{
	var mainnavID = object.id.replace("_subnav", "");
	var mainnavOBJ = findDOM(mainnavID, 0);
	mainnavOBJ.src = mainnavOBJ.src.replace(".gif", "_over.gif");	
}

function hidemainnav(object)
{
	var mainnavID = object.id.replace("_subnav", "");
	var mainnavOBJ = findDOM(mainnavID, 0);
	mainnavOBJ.src = mainnavOBJ.src.replace("_over.gif", ".gif");	
}

function showthirdlevel(object)
{
	var thirdlevellinks;
	var macthirdoffset = "15";
	for(q=0; q < object.childNodes.length; q++)	
	{
		if(object.childNodes[q].nodeName =="DIV")
		{
			var thirdlevelcont = object.childNodes[q];
			thirdlevelcont.style.visibility  = "visible";
			thirdlevelcont.style.left = "160px";
		}
	}
}

function hidethirdlevel(object)
{
	var thirdlevellinks;
	for(q=0; q < object.childNodes.length; q++)	
	{
		if(object.childNodes[q].nodeName =="DIV")
		{
			var thirdlevelcont = object.childNodes[q];
			thirdlevelcont.style.visibility = "hidden";
		}
	}
}