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 4:
			document["menuLabel4"].src = Active4.src;
			break;		
		default:
			break;
	}		
}

		function LoadImage(){
		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["menuItemon4Sub1"].src=off4Sub1.src;
		document["menuItemon4Sub1"].src=off4Sub1.src;
		document["menuItemon4"].src=over4.src;
}