// Set Image Rotation speed (in seconds)
var speed = 10;

var i = images.length;
var j = 0;
var strImg = '';
var strThumbs = '';
var imgSelect = false;
var selectedImg = 0;

function rotateImages() {
	$("#img" + i).fadeOut(2000);
	$("#img" + j).fadeIn(2000);
	if (imgSelect == false) {
		$("#" + i).removeClass("active");
		$("#" + j).addClass("active");
	}
	if (i < images.length - 1) {
		i++;
	} else {
		i = 0;
	}
	if (i < images.length - 1) {
		j = i + 1;
	} else {
		j = 0;
	}
	setTimeout("rotateImages()",speed * 1000);
}
function loadImages() {
	for (x = 0; x < images.length; x++) {
		strImg += '<img id="img' + x + '" src="' + images[x] + '" style="display:none;" />';
		strThumbs += '<div id="' + x + '">' + (x + 1) + '</div>';
	}
	strImg += '<img id="img-selected" src="' + images[0] + '" style="display:none;" />';
	strThumbs += '<div id="playpause" style="background-image:url(/App_Themes/Greyhound/Images/pause-btn.gif); background-position:center; background-repeat:no-repeat;"></div>';
}
$(document).ready(function(){
	loadImages();
	$("div#images").append(strImg);
	$("div#imagesNav").html(strThumbs);
	$("div#imagesNav").css("display", "block");
	rotateImages();
	
		$("#imagesNav div").click(function () {
			if (imgSelect == false) {
				if (this.id != "playpause") {
					imgSelect = true;
					$("#playpause").css("background-image","url(/App_Themes/Greyhound/Images/play-btn.gif)");
					$("#img-selected").attr("src",images[this.id]);
					$("#img-selected").css("display", "");
					for (x = 0; x < images.length; x++) {
						$("#" + x).removeClass("active");
					}
					$(this).addClass("active");
					selectedImg = this.id;
				} else {
					imgSelect = true;
					$("#playpause").css("background-image","url(/App_Themes/Greyhound/Images/play-btn.gif)");
					$("#img-selected").attr("src",images[i]);
					$("#img-selected").css("display", "");
					selectedImg = i;
				} 
			} else {
				if (this.id != "playpause") {
					imgSelect = true;
					$("#playpause").css("background-image","url(/App_Themes/Greyhound/Images/play-btn.gif)");
					$("#img-selected").attr("src",images[this.id]);
					$("#img-selected").css("display", "");
					for (x = 0; x < images.length; x++) {
						$("#" + x).removeClass("active");
					}
					$(this).addClass("active");
					selectedImg = this.id;
				} else {
					for (x = 0; x < images.length; x++) {
						$("#img" + x).css("display", "none");
					}
					i = parseInt(selectedImg);
					if (i < images.length - 1) {
						j = i + 1;
					} else {
						j = 0;
					}
					$("#playpause").css("background-image","url(/App_Themes/Greyhound/Images/pause-btn.gif)");
					$("#img" + i).css("display", "");
					$("#img-selected").css("display", "none");
					imgSelect = false;
				}
			}	
      	});
	
});