// JavaScript Document

var imageListItems = $("#images li"); // Array of images
var imageHolders = $("#images .textHolder"); // 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) {
	$(document).ready(function() {
		rotateImages();

		$(imageListItems).each(
			function(index, domEle) {
				if(index == 0) {
					$(domEle).addClass("active");
				} else {
					$(domEle).children(".textHolder").attr("style", "display:none;");
				}
				var curIndex = index + 1;
				$(domEle).attr("id", "image" + curIndex);
			}
		);
	
		imageHolders.each(
			function(index, domEle) {
				var curIndex = index + 1;
				$(domEle).before("<a href='#' class='itemID'>" + curIndex + "</a>");
			}
		);

		$('#images a.itemID').click(function(){
			stopRotate = 'yes';
			$(imageListItems).removeClass("active");
			$(this).parent().addClass("active");
			$(imageHolders).each(function() {
				if($(this).is(":visible"))
				{
					$(this).fadeOut();
				}
			});
			$(this).siblings(".textHolder").fadeIn();
			return false;
		});
	});
}

function viewSection(id) {
	$(imageListItems).removeClass("active");
	$(imageListItems[id]).addClass("active");
	$(imageHolders).each(function() {
		if($(this).is(":visible"))
		{
			$(this).fadeOut();
		}
	});
	$(imageHolders[id]).fadeIn();
}

function rotateImages() {
	if (stopRotate != 'yes') {
		setTimeout(function() { 
			if (curImage < numImages) {
				curImage++;
			} else {
				curImage = 0;
			}
			if (stopRotate == 'no')
			{
				viewSection(curImage);
			}
			rotateImages();
		}, flipspeed*1000);
	}
}