var BannerImageFiles = new Array;
BannerImageFiles[0] = 'images/home_images/side_0.jpg';
BannerImageFiles[1] = 'images/home_images/side_1.jpg';
BannerImageFiles[2] = 'images/home_images/side_2.jpg';
BannerImageFiles[3] = 'images/home_images/side_3.jpg';
BannerImageFiles[4] = 'images/home_images/side_4.jpg';
BannerImageFiles[5] = 'images/home_images/side_5.jpg';
BannerImageFiles[6] = 'images/home_images/side_6.jpg';
BannerImageFiles[7] = 'images/home_images/side_7.jpg';
BannerImageFiles[8] = 'images/home_images/side_8.jpg';
BannerImageFiles[9] = 'images/home_images/side_9.jpg';
BannerImageFiles[10] = 'images/home_images/side_10.jpg';
BannerImageFiles[11] = 'images/home_images/side_11.jpg';
BannerImageFiles[12] = 'images/home_images/side_12.jpg';

var BannerCurrentImage = 0;
var CurrentFrontImage = 1;
var FadeOpacity = 0;
var TargetOpacity = 100;
var BannerTimer = null;

var RandomImageMax = 3;
var ImageShowTime = 8000; //How often to change (In 1000th of a second)


function InitRandomBanner() {
	//Will start us with a random banner on each load.
	
	BannerCurrentImage = Math.floor(Math.random() * RandomImageMax);
	
	document.getElementById("HomeImage1").style.background='url('+BannerImageFiles[BannerCurrentImage]+')';
	
	PreloadBannerImages();
	
	EnableBannerTimer();
	
}

function PreloadBannerImages() {

	for ( i = 0; i < BannerImageFiles.length; i++ ) {

		PreLoadImage(BannerImageFiles[i]);

	}

}

function PreLoadImage(ImageFile) {
	PreLoadedImage = new Image(); 
	PreLoadedImage.src = ImageFile;
}

function EnableBannerTimer() {

	if(BannerTimer){
		clearInterval(BannerTimer);
		BannerTimer = null;
	}

	BannerTimer = setInterval("RotateTopBanner();", ImageShowTime); 
	
}

function RotateTopBanner() {

	var FrontImageDiv;
	var BackImageDiv;
	var BackImageDivName;

	BannerCurrentImage = BannerCurrentImage + 1;
	
	if ( BannerCurrentImage > BannerImageFiles.length -1 ) { //If we past then end of the list, got back to the start
		BannerCurrentImage = 0;
	}
	
	if ( CurrentFrontImage == 1 ) {
		
		FrontImageDiv = document.getElementById("HomeImage1");
		BackImageDiv = document.getElementById("HomeImage2");
		BackImageDivName = "HomeImage2";
		
		CurrentFrontImage = 2;
	
	} else {
	
		FrontImageDiv = document.getElementById("HomeImage2");
		BackImageDiv = document.getElementById("HomeImage1");
		BackImageDivName = "HomeImage1";
		
		CurrentFrontImage = 1;
	}

	BackImageDiv.style.background='url('+BannerImageFiles[BannerCurrentImage]+')';
	
	FadeOpacity = 0;
	
	SetOpacity(BackImageDivName, FadeOpacity);
	
	BackImageDiv.style.zIndex="2"
	FrontImageDiv.style.zIndex="1"
	
	FadeIn(BackImageDivName);
	
}

function FadeIn(ImageDivID) {
	//Fade the box in until it hits TargetOpacity

	FadeOpacity = FadeOpacity + 10;

	SetOpacity(ImageDivID, FadeOpacity);

	if ( FadeOpacity < TargetOpacity ) {

		window.setTimeout("FadeIn('" + ImageDivID + "')", 50);

	}

}

function SetOpacity(ImageDivID, Opacity) {

	var ImageDiv = document.getElementById(ImageDivID);

	if (ImageDiv.style) {
	
		if (ImageDiv.style.MozOpacity != null) {  
			/* Mozilla's pre-CSS3 proprietary rule */
			ImageDiv.style.MozOpacity = (Opacity / 100) - .001;
		} else if (ImageDiv.style.opacity != null) {
			/* CSS3 compatible */
			ImageDiv.style.opacity = (Opacity / 100) - .001;
		} else if (ImageDiv.style.filter != null) {
			/* IE's proprietary filter */
			ImageDiv.style.filter = "alpha(opacity="+Opacity+")";
		}
	
	}

}