window.addEvent('domready',function() {
	$each($$('#menu ul li a'), function(el) {
		var original_back = el.getStyle('background-color');
		var original = el.getStyle('color');
		var morph_over = new Fx.Morph(el,{ 'duration':'100', link:'cancel'});
		var morph = new Fx.Morph(el,{ 'duration':'900', link:'cancel' });
		el.addEvents({
			'mouseenter' : function() { morph.cancel(); morph_over.start({ 'background-color':'#525252','color':'#ffffff' }) },
			'mouseleave' : function() { morph.start({ 'background-color': original_back, 'color': original  }) }
		});
	});
});