$(function(){
   $('#mainNav a')
      .css( {backgroundPosition: "-210px 0"} )
      .mouseover(function(){
         $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:450})
      })
      .mouseout(function(){
         $(this).stop().animate({backgroundPosition:"(-210px 0)"}, {duration:450, complete:function(){
            $(this).css({backgroundPosition: "-210px 0"})
         }})
      })
});