var menuTimer = null;
var activeMenu = null;
window.addEvent('domready', function() 
{
	$$('#MENU ul li').each(function(item, index)
	{
		var li = $(item);
		var ul = li.getElement('ul');
		var a = li.getElement('a');
		
		if ( !li || !ul )
			return;
		
		li.addEvent('mouseover', function() 
		{
			clearTimeout(menuTimer);
			
			if ( activeMenu )
				closeMenu(activeMenu);
				
			ul.setStyle('display', 'block');
			a.addClass('active');
			
			activeMenu = li;
		});
		li.addEvent('mouseout', function()
		{
			menuTimer = setTimeout(function ()
			{
				closeMenu(li);
			}, 100);
		});
	});
});

function closeMenu(item)
{
	var li = $(item);
	var ul = li.getElement('ul');
	var a = li.getElement('a');
	
	ul.setStyle('display', 'none');
	a.removeClass('active');
	
	activeMenu = null;
}


/******************************************************************/
/******************************************************************/
/******************************************************************/

var subMenuActive = null;
var subMenuTimer;
window.addEvent('domready', function() 
{
	$$('#menu_vert dd ul li').each(function(item, index) 
	{
		var ul = item.getElement('ul');
		var a  = item.getElement('a');
		
		if ( ul )
		{		
			item.addClass('widthSubElements');
			
			item.addEvent('mouseover', function()
			{
				if ( subMenuTimer )
					clearTimeout(subMenuTimer);
				if ( subMenuActive )
					closeSubMenu(subMenuActive);
					
				a.addClass('activeHover');
				ul.setStyle('display', 'block');
				subMenuActive = item;
			});
			item.addEvent('mouseout', function()
			{
				subMenuTimer = setTimeout(function() {
					closeSubMenu(item);
				}, 100);
			});
		}
	});
});

function closeSubMenu(item)
{
	var ul = item.getElement('ul');
	var a  = item.getElement('a');
	
	a.removeClass('activeHover');
	ul.setStyle('display', 'none');
	
	subMenuActive = null;
}