var tempID=0;
var top=0;
var left=0;
var records=new Array();
var itemStatus="hidden";
var objTime=null;

function addItem(menuID, itemID, itemURL, itemURLTarget, itemName)
{
	var obj=new Object();
	obj.menuID=menuID;
	obj.itemID=itemID;
	obj.itemURL=itemURL;
	obj.itemURLTarget=itemURLTarget;
	obj.itemName=itemName;
	records[records.length]=obj;
}

function setMenu(menuID, status)
{
	if(status=="hidden")
	{
		objTime=setTimeout("setStatus()", 300);
		tempID=0;
		objTime=null;
	}
	else
	{		
		if(tempID!=menuID)
		{
			if(objTime==null)objTime=setTimeout("setStatus()", 100);
		}
		else
		{
			clearTimeout(objTime);
		}

		tempID=menuID;
	}
	
	itemStatus=status;
}

function getItemCounter()
{
	var counter=0;

	for(var i=0; i<records.length; i++)
	{
		if(records[i].menuID==tempID)
		{
			counter++;
		}
	}

	return counter;
}

function setStatus()
{
	var objMsg=document.all["menuLayer"];
	if(document.getElementById && !document.all)objMsg=document.getElementById("menuLayer");

	if(itemStatus=="visible")
	{
		if(getItemCounter()>0)
		{
			var html="";
			html+="<table border=\"0\" cellspacing=\"0\" cellpadding=\"1\" onmouseout=\"JavaScript:setMenu("+tempID+", 'hidden')\" onmouseover=\"JavaScript:setMenu("+tempID+", 'visible');\" class=\"arial12\">";
			html+="  <tr>";
			html+="    <td bgcolor=\"#FF6602\">";
			html+="      <table border=\"0\" cellspacing=\"1\" cellpadding=\"4\" bgcolor=\"#FFFFFF\">";
			for(var i=0; i<records.length; i++)
			{
				if(records[i].menuID==tempID)
				{
					if(records[i].itemURL=="")
					{
						html+="      <tr>";
						html+="        <td><img src=\"images/menu_arrow.gif\"></td>";
						html+="        <td nowrap onmouseover=\"JavaScript:this.style.cursor='hand';\" onclick=\"JavaScript:window.location.href='page.php?main_cat="+records[i].menuID+"&sub_cat="+records[i].itemID+"'\" class=\"drop_menu\"><a href=\"page.php?main_cat="+records[i].menuID+"&sub_cat="+records[i].itemID+"\" class=\"drop_menu\">"+records[i].itemName+"</a></td>";
						html+="      </tr>";
					}
					else
					{
						html+="      <tr>";
						html+="        <td><img src=\"images/menu_arrow.gif\"></td>";
						html+="        <td nowrap onmouseover=\"JavaScript:this.style.cursor='hand';\" onclick=\"JavaScript:gotoURL('"+records[i].itemURL+"', '"+records[i].itemURLTarget+"')\" class=\"drop_menu\"><a href=\"JavaScript:gotoURL('"+records[i].itemURL+"', '"+records[i].itemURLTarget+"')\" class=\"drop_menu\">"+records[i].itemName+"</a></td>";
						html+="      </tr>";
					}
				}		
			}
			html+="      </table>";
			html+="    </td>";
			html+="  </tr>";
			html+="</table>";

			objMsg.style.top=20+findPosY(document.all["hidden_pos_"+tempID]);
			objMsg.style.left=findPosX(document.all["hidden_pos_"+tempID]);
			objMsg.innerHTML=html;
			objMsg.style.visibility="visible";
		}
	}
	else
	{
		objMsg.innerHTML="";
		objMsg.style.visibility="hidden";
	}
}

function findPosX(obj)
{
	var curleft=0;
	if(obj.offsetParent)
	{
		while(obj.offsetParent)
		{
			curleft+=obj.offsetLeft;
			obj=obj.offsetParent;
		}
	}
	else if(obj.x)
	{
		curleft+=obj.x;
	}

	if(navigator.userAgent.indexOf("Firefox")!=-1)
	{
		curleft+=document.body.leftMargin;
	}

	return curleft;
}

function findPosY(obj)
{
	var curtop=0;
	if(obj.offsetParent)
	{
		while(obj.offsetParent)
		{
			curtop+=obj.offsetTop;
			obj=obj.offsetParent;
		}
	}
	else if(obj.y)
	{
		curtop+=obj.y;
	}

	if(navigator.userAgent.indexOf("Firefox")!=-1)
	{
		curtop+=document.body.topMargin;
	}

	return curtop;
}

function gotoURL(url, target)
{
	window.open(url, target);
}

function setImgOver(imgObj, imgName)
{
	imgObj.src=imgName;
}

function setImgOut(imgObj, imgName)
{
	imgObj.src=imgName;
}
