var currentImage = -1;

/* Cross browser method to set opacity */
function setOpacity(level) {
	pageImage.style.opacity = level;
	pageImage.style.MozOpacity = level;
	pageImage.style.KhtmlOpacity = level;
	pageImage.style.filter = "alpha(opacity=" + (level * 100) + ");";
}

/* Start the slideshow and preload images */
function slideshow(){
	setInterval("fadeOut()",slideshowLength);

	/* Create image object */
	objImage = new Image();

	/* Load the images into the object */
	var image;
	for(image in arrImages){
		objImage.src="/images/" + arrImages[image][0];
	}
}

/* Fade the current image out, and call the function to change the image */
function fadeOut(){
	for (i = 0; i <= 1; i = i + 0.05){
		setTimeout("setOpacity(" + (1 - i) + ")", i * 1000);
	}
	setTimeout("changeImage()", 1000);
}

/* Set the new image, and call the function to fade it in */
function changeImage(){
	currentImage = (currentImage + 1) % arrImages.length;
	pageImage.src = "/images/" + arrImages[currentImage][0];
	setTimeout("fadeIn()", 250);
}

/* Fade in the new image and stop */
function fadeIn(){
	for (i = 0; i <= 1; i = i + 0.05){
		setTimeout("setOpacity(" + i + ")", i * 1000);
	}
}