title: Rotating image unwanted turn at the beginning
body: <p>I 'm trying to improve some code from: <a href="http://www.htmldrive.net/items/show/1114/-Rotating-hover-Image-with-JQuery" rel="nofollow">http://www.htmldrive.net/items/show/1114/-Rotating-hover-Image-with-JQuery</a></p>
  
  <p>So the problem is:
  - When i click the image (hold down mouse) the image will rotate in the beginning. How can i stop the first rotate.</p>
  
  <p><a href="http://jsfiddle.net/5Pazb/13/" rel="nofollow">Fiddle</a></p>
  
  <pre><code> r = 360 - Math.round(((180/Math.PI) * Math.atan2(y,x)));
          rDiff = r - rTmp;
   if(isFirst != 1) {  
              r = img.rotation + rDiff;
              img.css("transform","rotate(-"+r+"deg)");
              img.css("-moz-transform","rotate(-"+r+"deg)");
              img.css("-webkit-transform","rotate(-"+r+"deg)");
              img.css("-o-transform","rotate(-"+r+"deg)");
              img.rotation = img.rotation + rDiff;
   } else {
             isFirst = 0;
             // rDiff should be small next time?
   }
   rTmp = r;
  </code></pre>
  
  <p>I'm trying to filter the first rotation. For better code view please try the fiddle.</p>