var selectedMenu = null;
function showCatMenu(id)
{
	if(selectedMenu != null)
	{
		selectedMenu.style.visibility = "hidden";
		selectedMenu = null;
	}
	var cat = document.getElementById(id);
	var p = getAbsPosition(cat.parentNode);
	cat.style.left = p.x + 200;
	cat.style.top = p.y + 5;
	cat.style.visibility = "visible";
	selectedMenu = cat;

}

function showMenu(id)
{
	if(selectedMenu != null)
	{
		selectedMenu.style.visibility = "hidden";
		selectedMenu = null;
	}
	var menu = document.getElementById(id);
	var p = getAbsPosition(menu.parentNode);
	menu.style.left = p.x;
	menu.style.top = p.y + 25;
	menu.style.visibility = "visible";
	selectedMenu = menu;
}

function hideMenu(event)
{
	if(selectedMenu != null)
	{
		var mouseX = event.clientX + document.body.scrollLeft;
		var mouseY = event.clientY + document.body.scrollTop;
		if(mouseX <= selectedMenu.offsetLeft || mouseY <= selectedMenu.offsetTop || 
		mouseX >= (selectedMenu.offsetLeft + selectedMenu.clientWidth) || mouseY >= (selectedMenu.offsetTop + selectedMenu.clientHeight))
		{
			selectedMenu.style.visibility = "hidden";
			selectedMenu = null;
		}
	}
}