nextSelectedImagesIndex = -1;
timerc = 7000;
images = new Array();
images[0]="images/banner1.jpg";
images[1]="images/banner2.jpg";
images[2]="images/banner3.jpg";
images[3]="images/banner4.jpg";


function getRandomImage() {
max = images.length;
maxcycle = 30;
cycle = 0;
var randomnumber = 0;
do {
randomnumber=Math.floor(Math.random()*(max))
cycle ++;
} while ((randomnumber == nextSelectedImagesIndex ) && (cycle < maxcycle));
return randomnumber;
}

function change(auto) {
// initial condition
nextSelectedImagesIndex = getRandomImage();

// show the image
if (nextSelectedImagesIndex <images.length) blend('blendingbanner','blendingsource', images[nextSelectedImagesIndex]);

// recall this function if needed
if (auto) setTimeout('change(true)',timerc);
}

function blend(divid, imageid, imagefile) { 
var speed = 10.5;var timer = 0; 
document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 
//document.getElementById(imageid).style.display = 'none';
changeOpac(1, imageid);
//document.getElementById(imageid).style.display = 'block';

document.getElementById(imageid).src = imagefile; 
for(i = 1; i < 100; i++) { 
setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
timer++;}} 



function changeOpac(opacity, id) { 
var object = document.getElementById(id).style; 
object.opacity = (opacity / 101); 
object.MozOpacity = (opacity / 101); 
object.KhtmlOpacity = (opacity / 101); 
object.filter = "alpha(opacity=" + opacity + ")";}