var activeElement;
var theTimeout = new Array();
var menuObj;

window.onload = init;

function init ()
{
	menuObj = $('div#menu ul li.hasChilds');
	
	for (var i = 0; i < menuObj.length; i++)
	{
		$(menuObj[i]).mouseenter(menuMouseOver);
		$(menuObj[i]).mouseleave(menuMouseOut); 
	}
}

function hideAll ()
{
	for (var i = 0; i < menuObj.length; i++)
	{
		if ($(menuObj[i]).hasClass('hover'))
		{
			$(menuObj[i]).removeClass('hover');
			$(menuObj[i]).addClass('hasChilds');
		}
	}	
}

function menuMouseOver (event)
{
	hideAll();
	
	activeElement = this;
	
	$(this).removeClass('hasChilds');
	$(this).addClass('hover');
	
	clearTimeout(theTimeout);
}

function menuMouseOut (event)
{
	//var element = event.element();
	
	theTimeout = setTimeout (function () {
		$(activeElement).removeClass('hover');
		$(activeElement).addClass('hasChilds');	
	}, 400);
}