var banners = new Array();
banners[0]="img/bannerImage1.jpg";
banners[1]="img/bannerImage2.jpg";
banners[2]="img/bannerImage3.jpg";
banners[3]="img/bannerImage4.jpg";
banners[4]="img/bannerImage5.jpg";
banners[5]="img/bannerImage6.jpg";
banners[6]="img/bannerImage7.jpg";
banners[7]="img/bannerImage8.jpg";
banners[8]="img/bannerImage9.jpg";
banners[9]="img/bannerImage10.jpg";
var timer = setInterval("bannerRotate('rotating_banner',banners)",10000);

function bannerRotate(ob,arr) {
	var count = arr.length-1;
	var img = document.getElementById(ob);
	//opacity(ob,100,0);
	img.src = arr[rand(0,count)];
	//opacity(ob,0,100);
}

function rand( min, max ) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}


// This was a brave attempt to do a nice fade transition without some retchic jQuery library
// IE doesn't like to play nice, so we'll have to do a straight image swap instead.
function opacity(id, opacStart, opacEnd) {
    var timer = 0;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * 10));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++){
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * 10));
            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 + ")";
}