var timeout         = 500;
var closetimer		= 0;
var myMenuItem      = 0;

function openMainMenu()
{	
	cancelMainMenuTimer();
	closeMainMenu();
	 myMenuItem = $(this).find('ul').eq(0);
	 myMenuItem.show();
}

function closeMainMenu()
{	
	if(myMenuItem) myMenuItem.hide();
}

function setMainMenuTimer()
{	
	closetimer = window.setTimeout(closeMainMenu, timeout);
}

function cancelMainMenuTimer()
{	
	if(closetimer)
	{	
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

$(document).ready(function()
{	
	$('#mainMenu > li').bind('mouseover', openMainMenu);
	$('#mainMenu > li').bind('mouseout',  setMainMenuTimer);
}
);

document.onclick = closeMainMenu;