var menus =
{
	elements : {},
	init : function()
	{
		menus.elements.aboutus =
		{
			submenu : document.getElementById('aboutus'),
			trigger : document.getElementById('aboutus').parentNode,
			timer : false
		}
		menus.elements.products =
		{
			submenu : document.getElementById('products'),
			trigger : document.getElementById('products').parentNode,
			timer : false
		}
		menus.elements.services =
		{
			submenu : document.getElementById('services'),
			trigger : document.getElementById('services').parentNode,
			timer : false
		}
		menus.elements.references =
		{
			submenu : document.getElementById('references'),
			trigger : document.getElementById('references').parentNode,
			timer : false
		}
		menus.elements.contact =
		{
			submenu : document.getElementById('contact'),
			trigger : document.getElementById('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].submenu.style.display = 'none';
		}
	},
	hide : function(id)
	{
		menus.elements[id].submenu.style.display = 'none';
	}
}

/*
	Menu HDH
*/
var menuhdh =
{
	elements : {},
	init : function()
	{
		menuhdh.elements.products_hdh =
		{
			submenu : document.getElementById('products_hdh'),
			trigger : document.getElementById('products_hdh').parentNode,
			timer : false
		}
		menuhdh.elements.products_bff =
		{
			submenu : document.getElementById('products_bff'),
			trigger : document.getElementById('products_bff').parentNode,
			timer : false
		}
		
		for(var id in menuhdh.elements)
		{
			menuhdh.setBehaviour(id);
		}
	},
	setBehaviour : function(id)
	{
		menuhdh.elements[id].trigger.onmouseover = function()
		{
			for(var i in menuhdh.elements)
			{
				if(menuhdh.elements[i].timer)
				{
					clearTimeout(menuhdh.elements[i].timer);
					menuhdh.elements[i].timer = false;
				}
				menuhdh.elements[i].submenu.style.display = 'none';
			}
			menuhdh.elements[id].submenu.style.display = 'block';
		}
		menuhdh.elements[id].trigger.onmouseout = function()
		{
			menuhdh.elements[id].timer = setTimeout('menuhdh.hide(\'' + id + '\')', 500);
		}
		menuhdh.elements[id].submenu.onmouseover = function()
		{
			if(menuhdh.elements[id].timer)
			{
				clearTimeout(menuhdh.elements[id].timer);
				menuhdh.elements[id].timer = false;
			}
		}
		menuhdh.elements[id].submenu.onmouseout = function()
		{
			menuhdh.elements[id].submenu.style.display = 'none';
		}
	},
	hide : function(id)
	{
		menuhdh.elements[id].submenu.style.display = 'none';
	}
}

menus.init();
menuhdh.init();