window.addEvent("domready", function()
{
	$$("#nav li").each(function(el, i)
	{
		el.menu = el.getElement("ul");
		el.holder = el.getElement("div");
		if(el.menu && el.holder)
		{
			el.menu.fx = new Fx.Morph(el.menu, {duration: 700, transition: Fx.Transitions.Sine.easeOut});
			el.holder.fx = new Fx.Morph(el.holder, {duration: 700, transition: Fx.Transitions.Sine.easeOut});
			el.addEvent("mouseenter", function()
			{
				el.menu.fx.cancel().start({"margin-left": 0});
				el.holder.fx.cancel().start({"width": 168});
				el.addClass("hover");
			});
			el.addEvent("mouseleave", function()
			{
				el.menu.fx.cancel().start({"margin-left": -168});
				el.holder.fx.cancel().start({"width": 0});
				el.removeClass("hover");
			});
		}
	});
});