please help me with simple js snippet

[kevinn]

hey guys .. I currently have this code. which basically changes the background of my site with those images.

live demo here (http://inspiredthemes.co.cc/css.html)

I want to add a fading effect (transition) when the images change.
can you help me out.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

//$(document).ready(function(){

function load_dede() {
setTimeout("$('body').css('background','url(http://imgur.com/FetJJ.jpg)')", 0);
setTimeout("$('body').css('background','url(http://imgur.com/8l0jw.jpg)')", 20000);
setTimeout("$('body').css('background','url(http://imgur.com/Iinh6.jpg)')", 40000);
setTimeout("$('body').css('background','url(http://imgur.com/vcvIf.jpg)')", 60000);
setTimeout("$('body').css('background','url(http://imgur.com/bJJzp.jpg)')", 80000);
setTimeout("$('body').css('background','url(http://imgur.com/pkmtH.jpg)')", 100000);
setTimeout("$('body').css('background','url(http://imgur.com/zk22X.jpg)')", 120000);
setTimeout("$('body').css('background','url(http://imgur.com/DcccT.jpg)')", 140000);
setTimeout("$('body').css('background','url(http://imgur.com/TWPNK.jpg)')", 160000);
setTimeout("load_dede()", 180000);
}
//});

window.onload = load_dede();


</script>

it would be great if some one can help me out.

[Spudhead]

You'll probably want to take a look at the Supersized Full Screen Background/Slideshow jQuery Plugin (http://www.buildinternet.com/project/supersized/) :)

[kevinn]

thanks ..that really helps