window.addEvent('domready', function() 
{
    var list = $$('#navigation li a');
    list.each(function(element) 
    {        
    	var fx = new Fx.Styles(element, {duration:200, wait:false});
        
    	element.addEvent('mouseenter', function()
    	{
    	    element.old_background = element.getStyle('background-color');
    	    fx.start(
    	    {
    			'background-color': '#222020',
    			'margin-left' : '5px',
    			'padding-right' : '0'
    		});
    	});
        
    	element.addEvent('mouseleave', function()
    	{
    		fx.start(
    		{
    			'background-color': element.old_background, 
    			'margin-left' : '0',
    			'padding-right' : '5px'
    		});
    	});        
    });
});