//set image paths
src = ["images/banners/banner1.jpg", "images/banners/banner2.jpg", "images/banners/banner3.jpg", "images/banners/banner4.jpg"]

//set duration for each image
duration = 5;

//Please do not edit below
ads=[]; ct=0;

function switchAd() {
	var n=(ct+1)%src.length;
	if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
		//alert(ads[ct=n].src)
		blendimage('bannerContainer','banner', ads[ct=n].src, 600)
		//document["banner"].src = ads[ct=n].src;
	}
	ads[n=(ct+1)%src.length] = new Image;
	ads[n].src = src[n];
	setTimeout("switchAd()",duration*1000);
}

onload = function(){
	if (document.images)
		switchAd();
}

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 + ")";
    //alert(imagefile)
    //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++;
    }
}

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 + ")";
}