// JavaScript Document

var flipspeed = 2; // Number of seconds between flips
var arrCurImage = new Array(3);
	arrCurImage[1] = 0; // Image to start displaying - recommend to keep at 0
	arrCurImage[2] = 0; // Image to start displaying - recommend to keep at 0
	arrCurImage[3] = 0; // Image to start displaying - recommend to keep at 0
var arrImages1 = $("#front-image1 img");
var arrImages2 = $("#front-image2 img");
var arrImages3 = $("#front-image3 img");
var arrImages = new Array(3);
	arrImages[1] = arrImages1;
	arrImages[2] = arrImages2;
	arrImages[3] = arrImages3;
var strImageSize = arrImages[1].size() - 1;
var strRandomImage;
var strCurrentID;


$(document).ready(function() {
	rotateImages();	
});

function viewNextImage(id) {
	id = parseInt(id);
	if (arrCurImage[id] < strImageSize) {
		arrCurImage[id]++;
	} else {
		arrCurImage[id] = 0;
	}
	$(arrImages[id]).each(function() {
		if($(this).is(":visible"))
		{
			$(this).fadeOut("slow");
		}
	});
	$(arrImages[id][arrCurImage[id]]).fadeIn("slow");
}

function rotateImages() {
	setTimeout(function() { 
		if (strCurrentID < 3) {
			strCurrentID++;
		} else {
			strCurrentID = 1;
		}
		viewNextImage(strCurrentID);
		rotateImages();
	}, flipspeed*1000);
}