// JavaScript Document

window.addEvent('domready', function() {
	
	color = $$('#myMenu li a.noactive').getStyle('backgroundColor');

	$$('#myMenu li a.noactive').each(function(el) { 
	var fx = new Fx.Morph(el,{ duration:300, link:'cancel' });
		el.addEvents({
		'mouseenter': function() { 
		this.morph({
				'background-color': '#c8d215'
			});

		fx.start({ 
			'padding-right': 30
			}); 
		},
		'mouseleave': function() { 
		this.morph({
				backgroundColor: color
			});

		fx.start({ 
			'padding-right': 10 
			}); 
		}
		});
	});
});