$(document).ready(function(){  
      
        //When mouse rolls over  
        $("#page-navigation li a span").mouseover(function(){  
            $(this).stop().animate({width:'220px'},{queue:false, duration:1600, easing: 'easeOutExpo'})  
        });  
      
        //When mouse is removed  
        $("#page-navigation li a span").mouseout(function(){  
            $(this).stop().animate({width:'200px'},{queue:false, duration:1600, easing: 'easeOutExpo'})  
        });  
      
    });