var timerID = 0;

function FindPos(obj)
{
	// Cascade through objects to get a real representation of position
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function ProductsMenuRootMouseOver()
{
	var productsMenuRoot = document.getElementById("ProductsMenuRoot");
	var productsMenuRootPos = FindPos(productsMenuRoot);
	var productsMenuDiv = document.getElementById("ProductsMenuDiv");
	
	productsMenuDiv.style.left = productsMenuRootPos[0];
	productsMenuDiv.style.top = productsMenuRootPos[1] + productsMenuRoot.offsetHeight;
	productsMenuDiv.style.display = "block";
	
	// Clear any timer to avoid problems
	if(timerID)
	{
		clearTimeout(timerID);
		timerID = 0;
	}
}

function ProductsMenuRootMouseOut()
{
	// Set a timer to make the menu dissapear after 500ms
	timerID = setTimeout("HideProductsMenu()", 500);
	document.getElementById("ProductsMenuRoot").style.backgroundColor = "";
}

function HideProductsMenu()
{
	var productsMenuDiv = document.getElementById("ProductsMenuDiv");
	productsMenuDiv.style.display = "none";
}

function ProductsMenuSubMouseOver()
{
	// Clear any timer set to remove the sub-menu
	if(timerID)
	{
		clearTimeout(timerID);
		timerID = 0;
	}
}

function ProductsMenuSubMouseOut()
{
	// Set a timer to make the menu dissapear after 500ms
	timerID = setTimeout("HideProductsMenu()", 500);	
}