Hyperlink colour fade registering too many mouse overs
<p>I have a jQuery srcipt to make a nice colour fade animation when you mouseover a hyperlink. The colour fades to red and fades back to the original state. </p>

<pre><code>/* Hyperlink colour fade animation */
jQuery.fn.dwFadingLinks = function(settings) {
    settings = jQuery.extend({
        color: '#67C',
        duration: 250
    }, settings);
    return this.each(function() {
        var original = $(this).css('color');
        $(this).mouseover(function() { $(this).animate({ color: settings.color },settings.duration); });
        $(this).mouseout(function() { $(this).animate({ color: original },settings.duration); });
    });
};
</code></pre>

<p>The issue I am having is that every single mouseover is recorded and the effect is run for each iteration. So if you mouse over the link 20 times the link will animate 20 times and it's looks really silly.</p>

<p>Is there a way to limit the amount of animations over a given time. Say in the space of 3 - 5 seconds it will only fade once regardless of the amount of mouse overs.</p>

<p>Thank Guys!</p>
