var currentMenuItem = null;

function onMenuHover( menuItem, evt )
{
	currentMenuItem = menuItem;
	menuItem.style.backgroundColor="#646f62";
	
	thisMenu = document.getElementById( menuItem.getAttribute( "submenu" ) );	
	if( thisMenu == null )
		return;
		
	var coords = findPos( menuItem );
	
	thisMenu.style.display = "block";
	thisMenu.style.position = "absolute";
	thisMenu.style.left = coords[0] + 1 + "px";
	thisMenu.style.top = coords[1] + 24 + "px";
//	thisMenu.innerHTML = thisMenu.style.top;
}

function onMenuOut( menuItem, evt )
{
	menuItem.style.backgroundColor="";
	
	thisMenu = document.getElementById( menuItem.getAttribute( "submenu" ) );
	if( thisMenu == null )
		return;
		
	thisMenu.style.display = "none";

}

function findPos( obj ) 
{
	var curLeft = curTop = 0;
	
	if( obj.offsetParent )
	{
		do
		{
			curLeft += obj.offsetLeft;
			curTop += obj.offsetTop;
		} while ( obj = obj.offsetParent );
	}
	
	return [curLeft, curTop];
}