Switch Background Image with jQuery animate
<p>When the user hovers over a div I have the background image change using the code below</p>

<pre><code>$(document).ready(function(){
$("#f1_container2").hover(function(){
    $(".photobg").fadeIn( 800);
},
function(){
    $(".photobg").fadeOut(800);
});
 });
</code></pre>

<p>That works fine but I want the background image to change again (in say, 2 seconds) if the user is still hovering over that div. I tried the code below.</p>

<pre><code>$(document).ready(function(){
$("#f1_container2").hover(function(){
    $(".photobg").delay(2000).animate({"background":"#000 url(space-image.png) center    center fixed no-repeat"}, 0);
}),
 });
</code></pre>

<p>Is that wrong...or should I use something like a delayed fading in of a new background div with a different background.</p>
