function HideSubMenu(subMenuID)
{
	if(document.getElementById && document.getElementById(SubMenus[subMenuID])) {
			document.getElementById(SubMenus[subMenuID]).style.display  = "none" ;
	} 
}

  var timeOn = null;
  
  function menuOut(MenuItem) {
	var oNewImage = new Image();
	//oNewImage.src = TopMenuImage[MenuItem];
	var targetLabel = 'menuLabel' + MenuItem;
	//if (!SubMenuActive){
		timeOn = setTimeout("hideAllMenus()", 500);
		//document[targetLabel].src = oNewImage.src;
	//}
	
	//UAT Fix - defect #164
	//Clear window status
	//BEGIN
	window.status = '';
	//END
}

  function topmenuOut(MenuItem) {
	timeOn = setTimeout("hideAllMenus()", 500);
	}

//UAT Fix - defect #164
//added variable str to display on the window status. this gets passed in with the text
//that is going to be displayed
//Begin
  function menuOver(str) {
	if (str != null)
		{
			window.status = str;
		}
		
	clearTimeout(timeOn);
	
	}
	
function hideAllMenus() {
	//Hide  submenus
		for(var counter = 1; counter <= NumMenuItem; counter ++)
		{
			if(document.getElementById && document.getElementById(SubMenus[counter])) {
					document.getElementById(SubMenus[counter]).style.display  = "none" ;
			} 
		}
}

function hideAllSubMenu(){
		for(var counter = 1; counter <= NumMenuItem; counter ++)
		{
			if(document.getElementById && document.getElementById(SubMenus[counter])) {
					document.getElementById(SubMenus[counter]).style.display  = "none" ;
			} 
		}
}

function ShowMenu(subMenuID)
{
	hideAllMenus();
	var oSubMenuItem = document.getElementById(SubMenus[subMenuID]);
	var sMenuName = 'menuLabel' + (subMenuID);
	var oMenuItem = document.getElementById(sMenuName);
	
	//var x = oMenuItem.offsetLeft + oMenuItem.offsetWidth + 10 ;
	var x = oMenuItem.offsetParent.offsetLeft+10
	var y = oMenuItem.offsetParent.offsetTop +  oMenuItem.offsetParent.offsetHeight;
	
	//oSubMenuItem.style.top = y+'px';
	//oSubMenuItem.style.left = x+'px';
	
	oSubMenuItem.style.display = "block";
	
	return true;
	
	//document.getElementById(SubMenus[subMenuID]).style.display  = "block";
}

function SelectActiveButton(ActivePage) {
	//1 - Products
	//2 - Customer Service
	//3 - manage my account
	//4 - about MCI
	switch (ActivePage){
		case 1:
			//menuLabel1.src = Active1.src; -doesn't work in netscape
			document["menuLabel1"].src = Active1.src;
			break;
		case 2:
			document["menuLabel2"].src = Active2.src;
			break;
		case 3:
			document["menuLabel3"].src = Active3.src;
			break;
		case 4:
			document["menuLabel4"].src = Active4.src;
			break;		
		default:
			break;
	}		
}

		function LoadImage(){
		document["menuLabel1"].src = up1.src;
		document["menuLabel2"].src = up2.src;
		document["menuLabel3"].src = up3.src;
		document["menuLabel4"].src = up4.src;
		
		document.getElementById("NavBarTable").style.backgroundImage = BackgroundImage;
		document["NavGobalImage"].src = GlobalImage.src;
		document["NavHomeImage"].src = GlobalHomeImage.src;
		//set products submenu items
		//TODO: need to change to const and loop
		document["menuItemon1Sub1"].src=off1Sub1.src;
		document["menuItemon1Sub2"].src=off1Sub2.src;
		document["menuItemon1Sub3"].src=off1Sub3.src;
		document["menuItemon1Sub4"].src=off1Sub4.src;
		document["menuItemon2Sub1"].src=off2Sub1.src;
		document["menuItemon2Sub2"].src=off2Sub2.src;
		document["menuItemon2Sub3"].src=off2Sub3.src;
		document["menuItemon2Sub4"].src=off2Sub4.src;
		document["menuItemon3Sub1"].src=off3Sub1.src;
		document["menuItemon3Sub2"].src=off3Sub2.src;
		document["menuItemon3Sub3"].src=off3Sub3.src;
		document["menuItemon3Sub4"].src=off3Sub4.src;
		document["menuItemon4Sub1"].src=off4Sub1.src;
		document["menuItemon4Sub2"].src=off4Sub2.src;
		document["menuItemon1"].src=over1.src;
		document["menuItemon2"].src=over2.src;
		document["menuItemon3"].src=over3.src;
		document["menuItemon4"].src=over4.src;
}