// JavaScript Document

//PRELOAD IMAGES
var scroller_img1=new Image();
var scroller_img2=new Image();
var scroller_img3=new Image();
var scroller_img4=new Image();
var scroller_img5=new Image();
var scroller_img6=new Image();
var scroller_img7=new Image();
var scroller_img8=new Image();
var scroller_img9=new Image();
var scroller_img10=new Image();
scroller_img1.src="images/scroller/scroller1.jpg";
scroller_img2.src="images/scroller/scroller2.jpg";
scroller_img3.src="images/scroller/scroller3.jpg";
scroller_img4.src="images/scroller/scroller4.jpg";
scroller_img5.src="images/scroller/scroller5.jpg";
scroller_img6.src="images/scroller/scroller6.jpg";
scroller_img7.src="images/scroller/scroller7.jpg";
scroller_img8.src="images/scroller/scroller8.jpg";
scroller_img9.src="images/scroller/scroller9.jpg";
scroller_img10.src="images/scroller/scroller10.jpg";

//ARRAY OF IMAGES TO USE
var image_array=new Array();
image_array[0]="scroller10.jpg";
image_array[1]="scroller2.jpg";
image_array[2]="scroller3.jpg";
image_array[3]="scroller4.jpg";
image_array[4]="scroller5.jpg";
image_array[5]="scroller6.jpg";
image_array[6]="scroller7.jpg";
image_array[7]="scroller8.jpg";
image_array[8]="scroller9.jpg";
image_array[9]="scroller1.jpg";

//FUNCTIONALITY
var galleryTimer;
var fadeSteps=20;
var stepSpeed=25;
var picDuration=6000;
var blankDuration=100;

var fadeIncrement=1/fadeSteps;
var fadeLevel=1;
var currImage=1;
var imageAmount=10;
var imageRef;
var imageID="splash";
//Fade step function
function fadeStep(step,functionAfter){
	//Step the opacity
	fadeLevel-=fadeIncrement;
	imageRef.style.opacity=fadeLevel;
	imageRef.style.filter="alpha(opacity="+(fadeLevel*100)+")";
	//Determine if we need another step
	if(step<=fadeSteps){
		//If so, call myself again
		galleryTimer=setTimeout("fadeStep("+(step+1)+",\""+functionAfter+"\")",stepSpeed);
	}
	else{
		//If not, call following function
		galleryTimer=setTimeout(functionAfter,stepSpeed);
		step=0;
		if(fadeIncrement<0)fadeIncrement=(-fadeIncrement);
	}
}
//Start the fade to transparency
function slideShow(){
	imageRef=document.getElementById(imageID);
	//Start fade to transparency
	galleryTimer=setTimeout("fadeStep(1,\"fadeToView()\")",picDuration);
}
function getStarted(){
	imageRef=document.getElementById(imageID);
	//Start fade to transparency
	galleryTimer=setTimeout("fadeStep(1,\"fadeToView()\")",picDuration);
}
//Change the image (and link) and start the fade to opacity
function fadeToView(){
	//Change image
	imageRef.src="images/scroller/"+image_array[currImage];
	//Change image to visible
	imageRef.style.visibility="visible";
	//Start fade to opaque
	fadeIncrement=(-fadeIncrement);
	currImage++;
	if(currImage==imageAmount){
		currImage=0;
	}
	galleryTimer=setTimeout("fadeStep(1,\"slideShow()\")",blankDuration);
}