How to add active state on button in this JQuery String
<p>i just followed a tutorial on <a href="http://jqueryfordesigners.com/image-cross-fade-transition/" rel="nofollow">http://jqueryfordesigners.com/image-cross-fade-transition/</a> and need to figure out how to add a active state on this JQuery string.</p>

<pre><code>enter code here

&lt;script type="text/javascript"&gt;
&lt;!--

$(function () {
    //$('div.fade li.active')
        //.css( {backgroundColour: "#000000"} )
        //.mouseover(function(){
        //  $(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500})
        //})
        //.mouseout(function(){
        //  $(this).stop().animate({backgroundPosition:"(40px 35px)"}, {duration:200, complete:function(){
        //      $(this).css({backgroundPosition: "-20px 35px"})
        //  }})
        //})
    // find the div.fade elements and hook the hover event
    $('div.fade').hover(function() {
        // on hovering over find the element we want to fade *up*
        var fade = $('&gt; div', this);

        // if the element is currently being animated (to fadeOut)...
        if (fade.is(':animated')) {
            // ...stop the current animation, and fade it to 1 from current position
            fade.stop().fadeTo(250, 1);
        } else {
            fade.fadeIn(250);
        }
    }, function () {
        var fade = $('&gt; div', this);
        if (fade.is(':animated')) {
            fade.stop().fadeTo(250, 0);
        } else {
            fade.fadeOut(250);
        }
    });
});

//--&gt;
&lt;/script&gt;
</code></pre>
