title: Rotating logo back and forward
body: <p>I need logo to rotate in 400degree and then rotate back on 360 degree on mouseOver,
  then on mouseOut it should roate -400 and then back for 40 degree.
  Here is what i accomplished.</p>
  
  <pre><code>$("#logo").rotate({ 
  bind:
   { 
      mouseover : function() { 
          $(this).rotate({animateTo:400})
      },
  
      mouseout : function() { 
          $(this).rotate({animateTo:-40})
      }
   } 
  
  });
  </code></pre>