var index_slides = new Array();
index_slides[0] = "Images/Slides/champions.JPG";
index_slides[1] = "Images/Slides/d1-1.JPG";
index_slides[2] = "Images/Slides/d1-2.JPG";
index_slides[3] = "Images/Slides/d1-3.JPG";
index_slides[4] = "Images/Slides/d2-1.JPG";
index_slides[5] = "Images/Slides/d2-2.JPG";
index_slides[6] = "Images/Slides/d2-3.JPG";
index_slides[7] = "Images/Slides/d3-1.JPG";
index_slides[8] = "Images/Slides/d3-2.JPG";
index_slides[9] = "Images/Slides/d3-3.JPG";
index_slides[10] = "Images/Slides/falls-mvw.JPG";
var currentImg = 0;
var fadeSteps = 50;
var fadeTime = 100;
var fadeWait = 1500;
var thisStep = 0;
var parentWidth = 600;
var timePeriod = (fadeTime/fadeSteps);
var mainCont = '';
var imgCont = '';

function doSlideShow(mainContID, imgContID) {
	mainCont = document.getElementById(mainContID);
	imgCont = document.getElementById(imgContID);
	currentImg++;
	if (currentImg > (index_slides.length-1)) {
	  currentImg = 0;
	}
	mainCont.style.backgroundImage = imgCont.style.backgroundImage;
	imgCont.style.width = 0;
	imgCont.style.backgroundImage = 'url('+index_slides[currentImg]+')';
	thisStep = 0;
	setTimeout("fadeMontage()", timePeriod);
}

function fadeMontage() {
	var fadeLevel = (thisStep/fadeSteps);
	setOpacity(fadeLevel*100, imgCont.id);
	imgCont.style.width = (fadeLevel * parentWidth)+'px';
	thisStep++;
	if (thisStep <= fadeSteps) {
		setTimeout("fadeMontage()", timePeriod);
	} else {
		setTimeout("doSlideShow('indexSlideContainer', 'indexSlideImage')", fadeWait);
	}
}
function setOpacity(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 + ")";
}