function processSlideshow(elem, imageList, imageDuration, fadeSpeed, current) 
{
    var listSize = imageList.length;
    if (!current || current >= listSize) current = 0;
    if (!imageDuration) imageDuration = 3000;
    if (!fadeSpeed) fadeSpeed = 1000;
    $(elem + " img").attr("src", imageList[current]);
    if (current == (listSize - 1)) { $(elem).css("background", "transparent url(" + imageList[0] + ") no-repeat");
    } else {
        $(elem).css("background", "transparent url(" + imageList[current + 1] + ") no-repeat");
    }
    $(elem + " img").animate({ opacity: "1" }, imageDuration).
          animate({ opacity: "0.01" }, fadeSpeed, function() 
           { 
             $(this).css("opacity", "1"); processSlideshow(elem, imageList, imageDuration, fadeSpeed, current + 1) 
            });

} 

	
	   //define a javascript array that contains your images
		var slideShow = new Array()
		slideShow[0] = "images/header-image.jpg";
		slideShow[1] = "images/header-image2.jpg";
		slideShow[2] = "images/header-image3.jpg";
		
		function startSlideshow()
		{
			if(!(/Mozilla\/4.0/.test(window.clientInformation.userAgent))){
      	processSlideshow("#head-image", slideShow);
			}
    }