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

$(window).on("load", function(){
	$(".slide").each(function(element){
		aSlideIDs.push($(this).attr("id"));
	});

	$('<div class="loading"></div>').appendTo(".slides-container");

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

});


function fRenderSlides()
{
	var $oLastImage = $(".slide[id='"+aSlideIDs[nPointer]+"']").last();
	$(".slide[id!='"+aSlideIDs[nPointer]+"']").each(function(){
		$(this).fadeOut(1000);
	});

	$oLastImage.fadeIn(1000);

	setTimeout(function(){
		bTransitioning = false;
	}, 1000);
}

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

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