window.addEvent('load',function() // Perform once on load
{
	var hoofditems			= $ES('#menu UL.level0 li'); // Get li from menu.ul.level0
	hoofditems.each(function(item,nr) // for each of these
	{
		item.setStyle('display', 'block'); // show item

		item.addEvent('mouseover',function() // add event mouseover
		{
			$ES('#menu .level1').setStyle('display', 'none'); // hide all elements
			item.getElements('.level1').setStyle('display', 'block'); // show elements from the one we're mousing over

			if (!item.hasClass('child_active'))
			{
				item.setStyle('background', '#C7D645'); // set background color of mouseover
				item.getFirst('a').setStyle('color', '#FFFFFF'); // set text color of mouseover
			}

		});

		item.addEvent('mouseout',function() // add event mouseover
		{
			$ES('#menu .level1').setStyle('display', 'none'); // hide all elements

			if (!item.hasClass('child_active'))
			{
				item.setStyle('background', 'transparent'); // set background color of mouseover
				item.getFirst('a').setStyle('color', '#C7D645'); // set text color of mouseover
			}
		});
	});

	$('middle').addEvent('mouseover', function()
		{
			$ES('#menu .level1').setStyle('display', 'none');
		}
		);
});