var autoMenuHideTimeout	= 500;
var HideMenuTimer		= 0;
var activeMenu			= 0;

function showMenu() {
	stopHideMenuTimer();
	hideActiveMenu();
	
	activeMenu = $(this).parent();
	activeMenu.addClass('opened');
	activeMenu.find('.menu-items-pane').bind('mouseover', showMenu);
	activeMenu.find('.menu-items-pane').bind('mouseout', startHideMenuTimer);
}

function hideActiveMenu() {
	if (activeMenu) {
		activeMenu.removeClass('opened');
	}
}

function startHideMenuTimer() {
	HideMenuTimer = window.setTimeout(hideActiveMenu, autoMenuHideTimeout);
}

function stopHideMenuTimer() {
	if (HideMenuTimer) {
		window.clearTimeout(HideMenuTimer);
		HideMenuTimer = null;
	}
}

$(document).ready(function() {
	$('.menu-label').bind('mouseover', showMenu)
	$('.menu-label').bind('mouseout', startHideMenuTimer)
});

document.onclick = hideActiveMenu;