Stop next mouseover event from firing until inner function has finished
<p>I am implementing a simple image swapping feature with a fade in jquery.</p>

<pre><code>$('#thumbs img').mouseover(function(){  
// code to swap images here
});
</code></pre>

<p>If I move the mouse really quickly the mouseover keeps firing and the code to swap the images cant keep up. How do I stop the mouseover event on $('#thumbs img') from firing until the inner code has executed ?</p>
