var sFontColor;
var sBackgoundColor;
var blnUp;
var oSpan=null;
var oMenu = null;
var oTD;

function onMenuOver(obj)
{
	/*if (Navigator)
		 menuPopUp(obj);
		 */
	oMenu =obj;
	obj.className= "menuover";
}

function onMenuOut(obj)
{
	/*if (Navigator)
		 remove_menuPopUp(obj);
		*/
	obj.className= "";
}

function getTopPos(obj)
{
	var iTop=0;
	if (obj != undefined)
	{
		if (obj.tagName=="TABLE" || obj.tagName=="TD")
			iTop += obj.offsetTop;
		iTop += getTopPos(obj.parentElement)
	}
	return iTop;
}


function gotoURL(obj)
{
	document.location.href = "default.asp?" + obj.URL;
}


function tblMenuMouseOut()
{
	var oFrom=  window.event.fromElement;
	if(window.event.toElement!=null)
	{
		var oTo=  window.event.toElement.parentElement ;
		if (oTo!=null)
		{
			var blnRemove = true;
		//alert(oFrom.tagName + ' to ' + oTo.tagName);
			while (oTo !=undefined)
			{
				if (oTo.tagName=="SPAN")
				{
					if (oSpan.id == oTo.id)
					 blnRemove = false;
				}
				oTo = oTo.parentElement;
			}
			if (blnRemove)
			{
				window.setTimeout("removeMenu()",0);
				oMenu.className= "";
			}
			else
				oMenu.className="menuover";
		}
	}
}
function  menuPopUp(obj)
	{
		var tblContext;
		var oTD;
		var oTR;
		if (oSpan != null)
		{
			if (oSpan.menuid == obj.id)
				return false;
			else
			 removeMenu();
		}
		var oBody = document.body;
		oSpan = document.createElement("SPAN")
		oSpan.id = "span" + obj.id;
		oSpan.name="gmenu";
		oSpan.menuid = obj.id; 
		oSpan.style.position	         = "absolute"
		var iSpanTop = getTopPos(window.event.srcElement)-2;
		oSpan.style.top					= iSpanTop;
		oSpan.style.left				 = "115px";
		oSpan.style.zIndex				= 0;
		oBody.appendChild(oSpan);
		tblContext = document.createElement("TABLE")
		tblContext.name = "gmenu";
		tblContext.id   = "tblMenu";
		tblContext.style.backgroundColor  = "white";
		tblContext.style.width            = "150px";
		tblContext.style.fontFamily       = "verdana, tahoma, arial";
		tblContext.style.fontSize         = "9px";
		tblContext.style.fontWeight       = "400";
		tblContext.cellspacing            = 0;	
		tblContext.cellpadding            = 0;	
		tblContext.style.border           = "1px outset black";
		tblContext.attachEvent("onmouseout",tblMenuMouseOut);
	    var oMenuItems= getmenuItems(obj.id);
	    if (oMenuItems != null)
		{
			var iSpanHeight=(10 * oMenuItems.length)
			oSpan.style.height           = iSpanHeight  + "px"
			for (var n = 0; n<oMenuItems.length; n++)
			{
				oTR = tblContext.insertRow();
				oTD  = oTR.insertCell();
				oTD.style.backgroundColor  = "white";
				oTD.style.color				= "black";
				oTD.style.fontFamily       = "verdana, tahoma, arial";
				oTD.style.fontSize         = "9px";
				oTD.style.fontWeight       = "400";
				oTD.id = "menuitem" + n;
				oTD.attachEvent("onclick",onMenuItemClick);
				oTD.attachEvent("onmouseover",onMenuItemOver);
				oTD.attachEvent("onmouseout",onMenuItemOut);
				oTD.attachEvent("onclick",onMenuItemClick);
				oTD.URL= oMenuItems[n][1] 
				oTD.innerText =oMenuItems[n][0] 
				oTR = null;
				oTD = null;
			}
			oSpan.appendChild(tblContext);
			var iMenuBottom =  oSpan.style.posTop + oSpan.offsetHeight ; //oSpan.style.posHeight;
			var iBottom = document.body.clientHeight + document.body.scrollTop;//parseInt(document.body.offsetHeight * .9) ;
			if (iMenuBottom  > iBottom )
				oSpan.style.posTop 	-= iMenuBottom-iBottom + 5;
		}
		return false;
    }
		
	function onMenuItemOver()
	{
		sFontColor = window.event.srcElement.style.color;
		sBackgoundColor =window.event.srcElement.style.backgroundColor;
		window.event.srcElement.style.color=sBackgoundColor;
		window.event.srcElement.style.backgroundColor=sFontColor;
		oMenu.className="menuover";
		window.event.srcElement.style.cursor = 'hand';     
	}
	
	function onMenuItemOut()
	{
		window.event.fromElement.style.color=sFontColor;
		window.event.fromElement.style.backgroundColor=sBackgoundColor;
		window.event.fromElement.style.cursor = ""; 
		oMenu.className="";
	}
	
	function remove_menuPopUp(obj)
	{
		 var objTo = event.toElement;
		 if (objTo !=null)
		 {	    
			//alert( objTo.tagName );
			var blnKeep=false;
			if (objTo.tagName =="SPAN" && objTo.name=="gmenu")
			{	
				blnKeep=true;
				retun;
			}
			while (objTo!=null )
			{
				if(objTo.tagName =="TABLE" && objTo.name =="gmenu")
				{
					blnKeep=true;
					break;
				}
				else
				{
				
					objTo = objTo.parentElement;
				}
			}
			if (!blnKeep)
					window.setTimeout("removeMenu()",0);
		}
		else
		{
			if (obj !=null)
			{	    
				//alert( objTo.tagName );
				var blnKeep=false;
				if (obj.tagName =="SPAN" && obj.name=="gmenu")
				{	
					blnKeep=true;
					retun;
				}
				while (obj!=null )
				{
					if(obj.tagName =="TABLE" && obj.name =="gmenu")
					{
						blnKeep=true;
						break;
					}
					else
					{
					
						obj = obj.parentElement;
					}
				}
				if (!blnKeep)
					window.setTimeout("removeMenu()",0);
			}
		}
	}
	function removeMenu()
	{
		try
		{
			if (oSpan !=null)
			{
				document.body.removeChild(oSpan);
				oSpan = null;
			}
		}
		catch(e)
		{
		}
	}	
	function getmenuItems(oArray)
	{
		var oItems = null;
		try
		{
			eval("oItems =  " + oArray);
		}
		catch(e)
		{
		}
		finally
		{
			return oItems;
		}
	}
	function onMenuItemClick()
	{
		gotoURL(window.event.srcElement); 
		removeMenu();
	}
	
	function Navigator()
	{
		return( navigator.userAgent.indexOf ("MSIE 5")>0   ||  navigator.userAgent.indexOf ("MSIE 6") >0) 	
	}
	function fntrackMouse()
	{
		if((event.clientX>0)&&(event.clientY>0)&&(event.clientX<document.body.offsetWidth)&&(event.clientY<document.body.offsetHeight))
		{
			remove_menuPopUp(event.srcElement);
		}
		
	}
	function transparent()
	{
		/*if (Navigator)
		{
			var oTD = document.body.getElementsByTagName("TD");
			for (var i= 0; i<oTD.length;i++)
			{
				if (oTD[i].className=="transparent" || oTD[i].className=="shipingDetails")
				{
					oTD[i].style.backgroundColor ="transparent";
				}
			}
		}
		*/
	
	}