Stop animating a jpg
<p>I have a url which produces a animated jpg. It has a js file attached which uses the property of top and left. Random values are assigned to the top and left. The entire script is pure javascript.[No <code>jQuery</code> is used or <code>jQuery animate</code>]</p>

<h2>What I want is</h2>

<p>To stop the animation until I do a mouseover.</p>

<h2>My Code</h2>

<pre><code>$('#s0').live('mouseover',function(){
     var top = $(this).css("top");
     var left = $(this).css("left");
     $(this).css({top:top, left:left}).animate({top:top, left:left}); 
     console.log(top);
     console.log(left);
})
</code></pre>

<p>This only stop for about a second, since <code>animate</code> needs an argument to show the time in <code>ms</code> to keep alive the animation. </p>

<p>I tried add <code>setinterval</code> and <code>hover</code>.</p>

<h2>Constrains</h2>

<p>I cant do any changes in the main js file. I have a write additional code to make this work.[Its a screwed up system, and I have to follow the rule.</p>
