var menus =
{
	elements : {},
	init : function()
	{
		menus.elements.entreprise =
		{
			submenu : $('entreprise'),
			trigger : $('entreprise').parentNode,
			timer : false
		}
		menus.elements.service =
		{
			submenu : $('service'),
			trigger : $('service').parentNode,
			timer : false
		}
		menus.elements.contact =
		{
			submenu : $('contact'),
			trigger : $('contact').parentNode,
			timer : false
		}

		for(var id in menus.elements)
		{
			menus.setBehaviour(id);
		}
	},
	setBehaviour : function(id)
	{
		menus.elements[id].trigger.onmouseover = function()
		{
			for(var i in menus.elements)
			{
				if(menus.elements[i].timer)
				{
					clearTimeout(menus.elements[i].timer);
					menus.elements[i].timer = false;
				}
				menus.elements[i].submenu.style.display = 'none';
			}
			menus.elements[id].submenu.style.display = 'block';
		}
		menus.elements[id].trigger.onmouseout = function()
		{
			menus.elements[id].timer = setTimeout('menus.hide(\'' + id + '\')', 500);
		}
		menus.elements[id].submenu.onmouseover = function()
		{
			if(menus.elements[id].timer)
			{
				clearTimeout(menus.elements[id].timer);
				menus.elements[id].timer = false;
			}
		}
		menus.elements[id].submenu.onmouseout = function()
		{
			//menus.elements[id].timer = setTimeout('menus.hide(\'' + id + '\')', 500);
			menus.elements[id].submenu.style.display = 'none';
		}
	},
	hide : function(id)
	{
		menus.elements[id].submenu.style.display = 'none';
	}
}

addEvent(window, 'load', menus.init);