Slideshow com fade

Fala galera.
Estou tentando dar um fade em um slideshow que possuo.
alguém consegue dar um dica de como posso fazer isso? Segue meu codigo abaixo:

<script type="text/javascript">
<!--

var imageCount = 0;
var currentImage = 0;
var images = new Array();

images[0] = 'images/01.jpg';
images[1] = 'images/02.jpg';
images[2] = 'images/03.jpg';
images[3] = 'images/04.jpg';
images[4] = 'images/05.jpg';
images[5] = 'images/06.jpg';
images[6] = 'images/07.jpg';
var preLoadImages = new Array();
for (var i = 0; i < images.length; i++)

{

 if (images[i] == "")
 break;

 preLoadImages[i] = new Image();
 preLoadImages[i].src = images[i];
 imageCount++;
}

function startSlideShow()

{

 if (document.body && imageCount > 0)
 {
 document.body.style.backgroundImage = "url("+images[currentImage]+")";
 document.body.style.backgroundAttachment = "fixed";
 document.body.style.backgroundRepeat = "repeat";
 document.body.style.backgroundPosition = "center";

 currentImage = currentImage + 1;
 if (currentImage > (imageCount-1))
 {
 currentImage = 0;
 }
 setTimeout('startSlideShow()', 9000);
 }
}
startSlideShow();

//-->
</script>
Com esse meu codigo as imagens ficam mudando porém sem um efeito entre elas.
abs