var menus =
{
	elements : {},
	init : function()
	{
		menus.elements.aboutus =
		{
			submenu : $('aboutus'),
			trigger : $('aboutus').parentNode,
			timer : false
		}
		menus.elements.investrel =
		{
			submenu : $('investrel'),
			trigger : $('investrel').parentNode,
			timer : false
		}
		menus.elements.activpoles =
		{
			submenu : $('activpoles'),
			trigger : $('activpoles').parentNode,
			timer : false
		}
		menus.elements.people =
		{
			submenu : $('people'),
			trigger : $('people').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';
	}
}

menus.init();