window.addEvent('domready', function(){

	
	$each($$('a.navLinks'),function(element) {
	
		var fx = new Fx.Morph(element,{duration: 500, transition: 'expo:out', wait: false});
		
		element.setStyles({'padding' : 0, 'margin' : 5});
		
		element.addEvents({
		
			'mouseenter' : function()
			{
				fx.start({ 'background-color' : '#eb043c', 'padding' : 5, 'margin' : 0});
				
			},
			
			'mouseleave' : function()
			{
				fx.start({ 'background-color' : '#000', 'padding' : 0, 'margin' : 5}).chain(function()
				{
					element.setStyle('background-color','transparent');
				});
			}
		
		});
		
	});
	
});