$(document).ready(function() {
	/* showcase controls */
	/* thumbs */
	var Showcase_Is_Playing = true;
	var Showcase_Is_Changing = false;
	var Auto_Advance_Interval = 10000;
	var Auto_Advance_Timeout = setTimeout(Auto_Advance, Auto_Advance_Interval);
	function Auto_Advance() {
		if (Showcase_Is_Playing && !Showcase_Is_Changing) {
			Showcase_Next();
			Auto_Advance_Timeout = setTimeout(Auto_Advance, Auto_Advance_Interval);
		}
	}
	function Showcase_Change(ev) {
		if (Showcase_Is_Changing) {
			return false;
		}
		Showcase_Is_Changing = true;
		clearTimeout(Auto_Advance_Timeout);
		var newItemID = $(this).attr("id").replace('showcase_item_', '');
		var newThumbID = $(this).parent("li").attr("id").replace('thumb_', '');
		var curItemID = $("#showcase_thumbnail_wrapper li.active a").attr("id").replace('showcase_item_', '');
		var curThumbID = $("#showcase_thumbnail_wrapper li.active").attr("id").replace('thumb_', '');
		if (curItemID != newItemID) {
			$("#showcase_image_wrapper").css("background-image", "url(" + $("#showcase_image_" + curThumbID + " img").attr("src") + ")"); 

			$("#thumb_" + curThumbID).removeClass("active");
			$("#thumb_" + newThumbID).addClass("active");
			$("#showcase_thumb_" + curThumbID).html('<img src="./images/showcase-thumb.png" alt="thumb" />');
			$("#showcase_thumb_" + newThumbID).html('<img src="./images/showcase-thumb-active.png" alt="thumb" />');

			$("#showcase_image_" + curThumbID).hide(
				function(){
					$(".showcase_image").hide();//just in case any other images are open
					$("#showcase_item_" + curThumbID).fadeOut(
						function(){
							$(".showcase_item").hide();//just in case any other items are open
							$("#showcase_item_" + newThumbID).fadeIn('slow');
						}
					);
					$("#showcase_image_" + newThumbID).fadeIn('slow',
						function() {
							Showcase_Is_Changing = false;
							Auto_Advance_Timeout = setTimeout(Auto_Advance, Auto_Advance_Interval);
						}
					);
				}
			);
		}
		return false;
	}
	function Showcase_Previous() {
		var curThumbID = parseInt($("#showcase_thumbnail_wrapper li.active").attr("id").replace('thumb_', ''));
		if (curThumbID <= 0) {
			var newThumbID = parseInt($("#showcase_thumbnail_wrapper li.last").attr("id").replace('thumb_', ''));
		} else {
			var newThumbID = curThumbID - 1;
		}
		$("#thumb_" + newThumbID + " a").click();
		return false;
	}
	function Showcase_Next() {
		var curThumbID = parseInt($("#showcase_thumbnail_wrapper li.active").attr("id").replace('thumb_', ''));
		var totalThumbs = parseInt($("#showcase_thumbnail_wrapper").children("li").length);
		if (curThumbID >= totalThumbs - 1) {
			var newThumbID = parseInt($("#showcase_thumbnail_wrapper li.first").attr("id").replace('thumb_', ''));
		} else {
			var newThumbID = curThumbID + 1;
		}
		$("#thumb_" + newThumbID + " a").click();
		return false;
	}
	function Showcase_Pause() {
		if (Showcase_Is_Changing) {
			return false;
		}
		$(this).addClass("active");
		$(this).html('<img src="./images/showcase-pause-down.png" alt="paused" />');
		$("#showcase_play").removeClass("active");
		$("#showcase_play").html('<img src="./images/showcase-play.png" alt="play" />');
		Showcase_Is_Playing = false;
		return false;
	}
	function Showcase_Play() {
		if (Showcase_Is_Changing) {
			return false;
		}
		$(this).addClass("active");
		$(this).html('<img src="./images/showcase-play-down.png" alt="playing" />');
		$("#showcase_pause").removeClass("active");
		$("#showcase_pause").html('<img src="./images/showcase-pause.png" alt="pause" />');
		Showcase_Is_Playing = true;
		Auto_Advance();
		return false;
	}
	$(".showcase_thumb").click(Showcase_Change);
	$("#showcase_prev").click(Showcase_Previous);
	$("#showcase_next").click(Showcase_Next);
	$("#showcase_pause").click(Showcase_Pause);
	$("#showcase_play").click(Showcase_Play);
});