Jquery fade in fade out issue
<p>Here is the page I'm working on: <a href="http://dsa.dartmouth.edu/" rel="nofollow">http://dsa.dartmouth.edu/</a>. Below the slideshow are four panels that change colors on hover. The background color works fine, but the title color never turns back to its dark color after turning white. Below is the javascript controlling this - how can I get the h2 text to change back to a dark color on rollout?</p>

<pre><code>$featured_control_item.hover( function(){
        if ( ! $(this).hasClass('active-slide') ){
            $(this).find('.et_slide_hover').css({'display':'block','opacity':'0'}).stop(true,true).animate( { 'opacity' : '1' }, featured_controllers_opacity_speed );
            $(this).find('.controller').find('h2').css({'color':'white'}).stop(true,true).animate( { 'color' : '#656464' }, featured_controllers_opacity_speed );
        }}, function(){
        $(this).find('.et_slide_hover').stop(true,true).animate( { 'opacity' : '0' }, featured_controllers_opacity_speed );
        $(this).find('.controller').find('h2').stop(true,true).animate( { 'color' : '#656464' }, featured_controllers_opacity_speed );
    } );
</code></pre>
