var secondsToWaitFor = 5;
var effectDuration = .400;
var slider;
var slideTimeout;
$(document).ready(function(){
	/*
	 * IMAGE SLIDESHOW
	 */
	$("img", "#slidingContainer").eq(0).show();
	setCurrent(0);
	changeImage(secondsToWaitFor, effectDuration);
	/*
	 * SLIDESHOW CONTROLLERS
	 */
	if ($("img", "#slidingContainer").length > 1) {
		$("#goPrev").click(function() {
			clearTimeout(slideTimeout);
			slider = null;
			var idx = $("img", "#slidingContainer").index($("img:visible", "#slidingContainer"));
			//var newIdx = (idx-1)%($("img", "#slidingContainer").length);
			var newIdx = ((idx-1)+$("img", "#slidingContainer").length)%($("img", "#slidingContainer").length);
			$("img", "#slidingContainer").eq(idx).fadeOut(effectDuration*500, function() {
				setCurrent(newIdx);
				$("img", "#slidingContainer").eq(newIdx).fadeIn(effectDuration*500);
				//slider();
				changeImage(secondsToWaitFor, effectDuration);
			});
		});
		$("#goNext").click(function() {
			clearTimeout(slideTimeout);
			slider = null;
			var idx = $("img", "#slidingContainer").index($("img:visible", "#slidingContainer"));
			var newIdx = (idx+1)%($("img", "#slidingContainer").length);
			$("img", "#slidingContainer").eq(idx).fadeOut(effectDuration*500, function() {
				setCurrent(newIdx);
				$("img", "#slidingContainer").eq(newIdx).fadeIn(effectDuration*500);
				//slider();
				changeImage(secondsToWaitFor, effectDuration);
			});
		});
	}
});

function changeImage(pSeconds, pDuration) {
	slider = function() {
		slideTimeout = setTimeout(function() {
			var idx = $("img", "#slidingContainer").index($("img:visible", "#slidingContainer"));
			var newIdx = (idx+1)%($("img", "#slidingContainer").length);
			setCurrent(newIdx);
			$("img", "#slidingContainer").eq(idx).fadeOut(pDuration*500, function() {
				$("img", "#slidingContainer").eq(newIdx).fadeIn(pDuration*500);
				slider();
			});
		}, (pSeconds+pDuration)*1000);
	};
	slider();
}
function setCurrent(pNo) {
	$("#currentPicNo").html(parseInt(pNo)+1);
	var text = $("div.imageText").eq(pNo).html();
	
	$("#textBackground").html(text.replace(/ /g, "_"));
	$("#imgText").width($("#textBackground").width());
	$("#imgText").html(text);
}