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

var $oSliderWrapper = null;

$(window).on("load", function(){
	$(".slide").each(function(element){
		aSlideIDs.push($(this).attr("id"));
	});
	nPointer = aSlideIDs.length-1;
	$('<div class="loading"></div>').appendTo(".slides-container");
	bTransitioning = true;
	fRenderSlides();
	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);
	if(bResizeToHeight)
	{
		var sBG = $oLastImage.css('background-image');
		sBGURL = sBG.replace('url(','').replace(')','').replace(/\"/gi, "");
		
		var oImg = new Image();
		oImg.onload = function() {
			// Get Ratio
				var nRatio = this.width / this.height;
			
			// Get Percentage
				var nPercentage = 100 / nRatio;
			
			// Set padding tops
				$oLastImage.css("padding-top", nPercentage+"%");
				if(!$oSliderWrapper) $oSliderWrapper = $(".slider-wrapper");
				$(".slider-wrapper").css("padding-top", nPercentage+"%");
		};
		
		oImg.src = sBGURL;
	}

	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();
}