var secs = 3;  //speed

var imgArray1 = new Array();
imgArray1[0] = "images/java1.jpg";
imgArray1[1] = "images/sunrisetrav.jpg";
imgArray1[2] = "images/java2.jpg";
imgArray1[3] = "images/wahoo.jpg";
imgArray1[4] = "images/dolphin.JPG";
imgArray1[5] = "images/two dolphin.jpg";
imgArray1[6] = "images/Hawks Cay 010.jpg";

var imgArray2 = new Array();
imgArray2[0] = "images/TheresaCobia.jpg";
imgArray2[1] = "images/java1.jpg";
imgArray2[2] = "images/sunsetdec.jpg";
imgArray2[3] = "images/sail.jpg";
imgArray2[4] = "images/dolphin jump.jpg";
imgArray2[5] = "images/Misc 019.jpg";
imgArray2[6] = "images/Tarpon 2.jpg";

//** Don't change below this **//

//Code for transition effect
function doFade(img, path) {
	//fade old image out
	for(i=1;i<=100;i++) {
		var opacity = 100 - i;
		setTimeout("doFadeHelper(" + opacity + ", '" + img + "');", 500);
	}

	//assign new image
	img.src = path;
	
	//fade new image in
	for(i=1;i<=100;i++) {
		var opacity = i;
		img.style.opacity = opacity;
		img.style.MozOpacity = opacity;
		img.style.filter = "alpha(style=0,opacity=" + opacity + ")";
	}
}

function doFadeHelper(opacity, imgid) {
	var img = document.getElementById(imgid);
	img.style.opacity = opacity;
	img.style.MozOpacity = opacity;
	img.style.filter = "alpha(style=0,opacity=" + opacity + ")";
}

//Code for timer to trigger image rotation
var lngTimerID = 0;

function initImageRotation() {
	if(lngTimerID > 0) {
		window.clearTimeout(lngTimerID);
	}
	lngTimerID = window.setTimeout('doSwitchImages()', secs * 1000);
}

//Code for the image rotation
var position = -1;

function doSwitchImages() {
	if(position == imgArray1.length-1) {
		position = 0;
	}
	else {
		position += 1;
	}
	
	var img1 = document.getElementById("img1")
	var img2 = document.getElementById("img2")
	
	//doFade(img1, imgArray1[position]);
	img1.src = imgArray1[position];
	img2.src = imgArray2[position];
	
	//reseet timer
	lngTimerID = 0;
	initImageRotation();
}