how to stop the fadein repeating over multiple hovers
<p>I currently have this code below:</p>

<pre><code>$("ol#homePortfolio li img").fadeTo("slow", 1.0);

$("ol#homePortfolio li img").hover(
    function() {
        $("ol#homePortfolio li img").fadeTo("slow", 0.8); 
    }, 
    function() {
        $("ol#homePortfolio li img").fadeTo("slow", 1.0); 
    }
);
</code></pre>

<p>However, when I hover over the image multiple times the <code>fadeIn</code> and <code>fadeOut</code> keeps on carrying on, how can I apply the stop so it only happens once?</p>
