// JavaScript Document
$(document).ready(function() {
	var imageListItems = $("#splashImages li"); // Array of images
	var imageHolders = $("#splashImages li"); // Array of images
	var stopRotate = 'no'; // "no" for rotation, "yes" for rotation to stop
	var flipspeed = 5; // Number of seconds between flips
	var curImage = 0; // Image to start displaying - recommend to keep at 0
	var numImages = imageHolders.size() - 1; // Gets the size of the array of images
	
	if (imageHolders.length > 1) {
		rotateImages();

		$(imageListItems).each(
			function(index, domEle) {
				if(index == 0) {
					$(domEle).addClass("active");
				} else {
					$(domEle).children(".imageHolder").attr("style", "display:none;");
				}
				var curIndex = index + 1;
				$(domEle).attr("id", "image" + curIndex);
			}
		);
	}
	
	function viewSection(id) {
		$(imageListItems).removeClass("active");
		$(imageListItems[id]).addClass("active");
		$(imageHolders).each(function() {
			if($(this).is(":visible"))
			{
				$(this).fadeOut("slow");
			}
		});
		$(imageHolders[id]).fadeIn("slow");
	}
	
	function rotateImages() {
		setTimeout(function() { 
			if (curImage < numImages) {
				curImage++;
			} else {
				curImage = 0;
			}
			if (stopRotate == 'no')
			{
				viewSection(curImage);
			}
			rotateImages();
		}, flipspeed*1000);
	}
});