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
		}
			
		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 menuproducts =
{
	elements : {},
	init : function()
	{
		menuproducts.elements.products_dust =
		{
			submenu : document.getElementById('products_dust'),
			trigger : document.getElementById('products_dust').parentNode,
			timer : false
		}
		menuproducts.elements.products_acid =
		{
			submenu : document.getElementById('products_acid'),
			trigger : document.getElementById('products_acid').parentNode,
			timer : false
		}
		menuproducts.elements.products_nox =
		{
			submenu : document.getElementById('products_nox'),
			trigger : document.getElementById('products_nox').parentNode,
			timer : false
		}
		
		for(var id in menuproducts.elements)
		{
			menuproducts.setBehaviour(id);
		}
	},
	setBehaviour : function(id)
	{
		menuproducts.elements[id].trigger.onmouseover = function()
		{
			for(var i in menuproducts.elements)
			{
				if(menuproducts.elements[i].timer)
				{
					clearTimeout(menuproducts.elements[i].timer);
					menuproducts.elements[i].timer = false;
				}
				menuproducts.elements[i].submenu.style.display = 'none';
			}
			menuproducts.elements[id].submenu.style.display = 'block';
		}
		menuproducts.elements[id].trigger.onmouseout = function()
		{
			menuproducts.elements[id].timer = setTimeout('menuproducts.hide(\'' + id + '\')', 500);
		}
		menuproducts.elements[id].submenu.onmouseover = function()
		{
			if(menuproducts.elements[id].timer)
			{
				clearTimeout(menuproducts.elements[id].timer);
				menuproducts.elements[id].timer = false;
			}
		}
		menuproducts.elements[id].submenu.onmouseout = function()
		{
			menuproducts.elements[id].submenu.style.display = 'none';
		}
	},
	hide : function(id)
	{
		menuproducts.elements[id].submenu.style.display = 'none';
	}
}

menus.init();
menuproducts.init();