var flag = ( navigator.userAgent.indexOf("MSIE") >=0 && parseInt( navigator.appVersion ) >= 4);
var eOpenMenu = null;

if ( flag )	{
	document.onmouseover=mouseover;
	document.onmouseout=mouseout;
}

function OpenMenu(eSrc,eMenu)
{
	// need this for mac
    eMenu.style.top = divRow.offsetHeight + divRow.offsetTop;
	//alert("this is height " + divRow.offsetHeight + "this is top " + divRow.offsetTop);
	switch (eSrc.id){
	    case "choice0" :
	        eMenu.style.left = divMenuBarHome.offsetLeft + 10;
	        break;
	    case "choice1" :
	        eMenu.style.left = divMenuBar.offsetLeft;
	        break;
	    case "choice2" :
	        eMenu.style.left = (divMenuBar.offsetLeft   + (.25*(divMenuBar.offsetWidth)));
	        break;
	    case "choice3" :
	        eMenu.style.left = (divMenuBar.offsetLeft   + (.5*(divMenuBar.offsetWidth)));
	        break;
	    case "choice4" :
	        eMenu.style.left = (divMenuBar.offsetLeft   + (.75*(divMenuBar.offsetWidth)));
	        break;
	     
	}

	eMenu.style.visibility = "visible";
	eOpenMenu = eMenu;
}

function CloseMenu(eMenu)
{
	eMenu.style.visibility = "hidden";
	eOpenMenu = null;
}

function setmsg(msg) 
{
	window.status = msg;
	return true;
}

function mouseover()
{
	if ( flag )	{
		var eSrc = window.event.srcElement;
        
		if ( eSrc.className == "menu" || eSrc.className == "nav" || eSrc.className == "not")
		{
		    
			var eMenu = document.all[eSrc.id.replace("choice", "divChoice")];
			if (eOpenMenu && eOpenMenu != eMenu) 
				CloseMenu(eOpenMenu);

			if (eMenu) 
				OpenMenu(eSrc,eMenu);

			//eSrc.style.color="orange";
		}
		else if (eOpenMenu && !eOpenMenu.contains(eSrc) && (!divMenuBar.contains(eSrc)||!divMenuBarHome.contains(eSrc))) 
			CloseMenu(eOpenMenu);
              
	}
}
function mouseover1()
{
	if ( flag )	{
		var eSrc = window.event.srcElement;
        
		if ( eSrc.className == "menu" || eSrc.className == "nav" || eSrc.className == "not")
		{
		    
			var eMenu = document.all[eSrc.id.replace("choice", "divChoice")];
			if (eOpenMenu && eOpenMenu != eMenu) 
				CloseMenu(eOpenMenu);

			if (eMenu) 
				OpenMenu(eSrc,eMenu);

			//eSrc.style.color="orange";
		}
		else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBarHome.contains(eSrc)) 
			CloseMenu(eOpenMenu);
              
	}
}

function mouseout()
{
	if ( flag )	{
		var eSrc = window.event.srcElement;
		eSrc.style.color="";
	}
}	

function drawmenus()
{
	var str='';

	if ( flag )	{

		str += '<div align="right" id="divChoice0" class="clsMenu" style="position:absolute; width:200; top:108px; visibility:hidden;">'; //left:376px;position:absolute;x-index:10;left:230; visibility:hidden;">';
		str += '<div class="clsMenuSpacer"></div>';	
		str += '<b><font class="thesmall">DataMaps.com Home Page</font></b><br>';
		str += '</div>';	
	
		str += '<div align="right" id="divChoice1" class="clsMenu" style="position:absolute; width:213; top:108px; visibility:hidden;">'; //left:376px;position:absolute;x-index:10;left:230; visibility:hidden;">';
		str += '<div class="clsMenuSpacer"></div>';	
		str += '<b><font class="thesmall">Click Step 1 to begin your order</font></b><br>';
		str += '</div>';
		
		str += '<div align="right" id="divChoice2" class="clsMenu" style="width:167;top:108px;position:absolute;z-index:1;; visibility:hidden;">';
		str += '<div class="clsMenuSpacer"></div>';		
        str += '<b><font class="thesmall">Step 2, Your Map\'s Data</font></b><br>';        
		str += '</div>';

		str += '<div align="right" id="divChoice3" class="clsMenu" style="width:204;top:108px;position:absolute;z-index:1;visibility:hidden;">';
		str += '<div class="clsMenuSpacer"></div>';
        str += '<b><font class="thesmall">Step 3, Your Map\'s Geography</font></b><br>'; 
		str += '</div>';

		str += '<div align="right" id="divChoice4" class="clsMenu" style="width:308;top:108px;position:absolute;z-index:1;visibility:hidden;">';
		str += '<div class="clsMenuSpacer"></div>';
        str += '<b><font class="thesmall">Step 4, Your Map\'s Size and Transportation Detail</font></b><br>'; 
		str += '</div>';
				

		document.write( str )
	}
}
