JQuery: How stop an animation loop on mouse over? (Object Oriented)
<p>I have defined an object that displays a slideshow, below is a simplified version of the render method.</p>

<p>My problem is that I want to stop all the animations running on the startLoop method. But I'm not figuring it out.</p>

<pre><code>// Render display
this.render = function() {

   ...
   MAKE HTML WITH SLIDESHOW
   ...

   // Start the loop
   this.startLoop();

   // Stop on hover
   $('#display' + this.id).hover(function() {
      this.animate.stop(); // Doesn't work
   }, function() {
      // Here should continue the animation
   });

}

// Loop Slides
this.startLoop = function() {
   ...
   ANIMATIONS HERE
   ...
}
</code></pre>

<p>Thanks for the help.</p>
