var defaultoptions = {duration: 400, transition: 'expo:out', wait: false};


window.addEvent('domready',function()
{
	
	
	
	$$('#menu li').each(function(element,index)
	{
		var subMenu = element.getElement('ul');
		if($defined(subMenu))
		{
			var imgEl = new Element('img',{'src' : 'images/down.png', 'alt' : '', 'styles' : { 'vertical-align' : 'middle', 'padding-left' : 3 }});
			var subMenuFx = new Fx.Morph(subMenu,defaultoptions).set({'display' : 'block', 'opacity' : 0});
			element.getElement('a').grab(imgEl);
		}
		
		element.addEvents(
		{
			'mouseenter' : function()
			{
				if($defined(subMenu))
				{
					subMenuFx.start({'opacity' : 1});
				}
			},
			
			'mouseleave' : function()
			{
				if($defined(subMenu))
				{
					subMenuFx.start({'opacity' : 0});
				}
			}
		});
	});
	
});