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';
	}
}

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

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

menus.init();
products.init();
mechanicald.init();