// JavaScript Document
var images = ["SeenSalvation.png", "CampFall.png", "NewCabin.png", "campbanner.png" ];
var imagePath = "../_images/rotator/";

var curImage = 0;
var timer;

$(document).ready(function () {
	
	var image = new Image();
	
	$().each(images, function (i, element) {
		image.src = imagePath + element;
	});
	
	timer = setTimeout("showNextImage()", 9 * 1000); 
	showImage(images[0]);
});

function showImage(imageName) {
	$("#rotator #rotatorImageFront")
		.hide()
		.css("background-image", "url(" + imagePath + imageName + ")");
	$("#rotator #rotatorImageFront").fadeIn(function () {
		$("#rotator #rotatorImageBack").css("background-image", "url(" + $("#rotator #rotatorImageFront").css("background-image") + ")");
	});
}

function showNextImage() {
	curImage++;
	
	if (curImage >= images.length) curImage = 0;
	
	showImage(images[curImage]);
	timer = setTimeout("showNextImage()", 7 * 1000);
}