title: How can I store the repeating css values in varialbles to make the code less repetitive?
body: <pre><code>  $('ul#range-drop li#product1')
      .css( {backgroundPosition: '-914px 0px'} )
      .mouseover(function(){
        if (!($('ul#range-drop li#product1 a').hasClass("current")) ) {
          $(this).css( {background: "none"} );
          $(this).parent().stop().animate({backgroundPosition: '-914px -12px' }, {duration:400, easing: 'easeInOutQuint'});
        }
     })
  
    .mouseout(function(){
     $(this).parent().stop().animate({backgroundPosition : '-914px 0px'}, {duration:400, easing: 'easeInOutQuint'});
     });
  </code></pre>
  
  <p>This block of code repeats for each navigation element with different values for background positions</p>