/****************************************************************/
/****************************************************************/
/***************** Image Array Fading Rotation ******************/
/******************** by James W. Galloway **********************/
/****************************************************************/
/**************************** v0.2 ******************************/
/****************************************************************/

/* images */
var images = [];


images[0] = "frontpage01.jpg";
images[1] = "frontpage02.jpg";
images[2] = "frontpage03.jpg";
images[3] = "frontpage04.jpg";
images[4] = "frontpage05.jpg";
images[5] = "frontpage06.jpg";
	
var counter = 0;
var element0;
var element1;

/* get the elements intended to fade images in and out of */
function selectImagePair(image0, image1) {
	element0 = document.getElementById(image0);
	element1 = document.getElementById(image1);
}

/* set opacity for elements, implemented for several browsers */
function setOpacity(element,level) {	
	element.style.opacity = level;
	element.style.MozOpacity = level;
	element.style.KhtmlOpacity = level;
	element.style.filter = "alpha(opacity=" + (level * 100) + ");";	
}

/* switch the images in preparation for the next fade-in */
function fadeReset() {

	setOpacity(element0,'0');
	element0.src = element1.src;
	
	setOpacity(element0,'1');
	setOpacity(element1,'0');
	
	counter++;
	element1.src = images[counter % 6];
	
	setTimeout("fadeIn(1000,100)", 5000);

}

/* increment the fading process using timers */
function fadeIn(duration,increments) {

	for (i = 0; i <= 1; i += (1 / increments)) {
		
		setTimeout("setOpacity(element1," + i + ")", i * duration);
		
	}
	setTimeout("fadeReset()", duration);
}

/* setting timers to transition opacity slowly */
function rotateImages() {	

	var duration = 1000; /* fade duration in ms */
	var increments = 25; /* number of increments in fade */
	var delay = 5000; /* delay between rotations */

	setOpacity(element0,"1");
	setOpacity(element1,"0");
	
	setTimeout("fadeIn(1000,100)", 2000);
	
}



selectImagePair("rotation0","rotation1");

rotateImages();