// Blending from http://brainerror.net/scripts/javascript/blendtrans/

function blendimage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
     
    //make image transparent 
    changeOpac(0, imageid); 
     
    //make new image 
    document.getElementById(imageid).src = imagefile; 

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
}

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

<!-- Original:  Robert Bui (astrogate@hotmail.com) -->
<!-- Web Site:  http://astrogate.virtualave.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var interval = 2.5; // delay between rotating images (in seconds)
var random_display = 0; // 0 = no, 1 = yes
interval *= 1000;

var image_index = 0;
image_list = new Array();
image_list[image_index++] = new imageItem("images/banner/01.jpg");
image_list[image_index++] = new imageItem("images/banner/02.jpg");
image_list[image_index++] = new imageItem("images/banner/03.jpg");
image_list[image_index++] = new imageItem("images/banner/04.jpg");
image_list[image_index++] = new imageItem("images/banner/05.jpg");
image_list[image_index++] = new imageItem("images/banner/06.jpg");
image_list[image_index++] = new imageItem("images/banner/07.jpg");
image_list[image_index++] = new imageItem("images/banner/08.jpg");
image_list[image_index++] = new imageItem("images/banner/09.jpg");
image_list[image_index++] = new imageItem("images/banner/10.jpg");
image_list[image_index++] = new imageItem("images/banner/11.jpg");
image_list[image_index++] = new imageItem("images/banner/12.jpg");
image_list[image_index++] = new imageItem("images/banner/13.jpg");
image_list[image_index++] = new imageItem("images/banner/14.jpg");

var number_of_image = image_list.length;

function imageItem(image_location) {
	this.image_item = new Image();
	this.image_item.src = image_location;
}

function get_ImageItemLocation(imageObj) {
	return(imageObj.image_item.src)
}

function getNextImage() {
	image_index = (image_index+1) % number_of_image;
	var new_image = get_ImageItemLocation(image_list[image_index]);
	return(new_image);
}

function rotateImage() {
	var new_image = getNextImage();
	blendimage("blenddiv", "blendimage", new_image, 500);
	var recur_call = "rotateImage()";
	setTimeout(recur_call, interval);
}