var timeout		= 500;
var closeTimer	= 0;
var menuItem	= 0;
var menuActive	= false;

function menuOpen() {
	cancelTimer();
	menuClose();
	menuItem = $(this).find('div.sub-menu').css('visibility', 'visible');
	menuActive = $(this);
	$(this).addClass("hover");
}

function menuClose() {
	if(menuItem) menuItem.css('visibility', 'hidden');
	$(menuActive).removeClass("hover");
}

function menuTimer() {
	closeTimer = window.setTimeout(menuClose, timeout);
}

function cancelTimer() {	
	if(closeTimer) {
		window.clearTimeout(closeTimer);
		closeTimer = null;
	}
}

$(document).ready(function() {
	$('ul.menu > li').bind('mouseover', menuOpen);
	$('ul.menu > li').bind('mouseout',  menuTimer);
});

document.onclick = menuClose;