/*
$(document).ready(function(){

	setInterval(function(){
		var $oLastImage = $(".slide").last();
		$oLastImage.addClass("fade-out");
		setTimeout(function(){
			$(".slideshow-container").prepend($oLastImage);
			$oLastImage.removeClass("fade-out");
		},2000);
	},8000);

});
*/

var oSlideshowInterval = null;
var nPointer = 0;
var aSlideIDs = [];
var bTransitioning = 0;
var nSeconds = 2;

$(window).on("load", function(){
	$(".slide").each(function(element){
		$(".slide").show();
		aSlideIDs.push($(this).attr("id"));
	});
	aSlideIDs.reverse();
	$('<div class="loading"></div>').appendTo(".slideshow-container");


	oSlideshowInterval = setInterval(function(){
		if(bTransitioning) return;
		bTransitioning = true;
		nPointer++;
		if(nPointer>(aSlideIDs.length-1)) nPointer = 0;
		fRenderSlides();
	},8000);


	

});


function fRenderSlides()
{
	// Fade in the new slide, fade out the other slides
		// If it's not the top slide, display it and fade out the rest
			if(nPointer!=0)
			{
				$(".slide[id='"+aSlideIDs[nPointer]+"']").show();
				$(".slide[id!='"+aSlideIDs[nPointer]+"']").fadeOut(1000);
			}
		
		// If it's the top slide, fade it in then delay fade out the rest.
			else
			{
				$(".slide[id='"+aSlideIDs[nPointer]+"']").fadeIn(1000);
				setTimeout(function(){
					$(".slide[id!='"+aSlideIDs[nPointer]+"']").hide();
				}, 1000);
			}
	
	bTransitioning = true;
	setTimeout(function(){
		bTransitioning = false;
	}, nSeconds*1000);
}

function fLeft()
{
	if(bTransitioning) return;
	bTransitioning = true;
	if(oSlideshowInterval!=null) clearInterval(oSlideshowInterval);
	nPointer++;
	if(nPointer>(aSlideIDs.length-1)) nPointer = 0;
	fRenderSlides();
}

function fRight()
{
	if(bTransitioning) return;
	bTransitioning = true;
	if(oSlideshowInterval!=null) clearInterval(oSlideshowInterval);
	nPointer--;
	if(nPointer<0) nPointer = aSlideIDs.length-1;
	fRenderSlides();
}