var imgPath = ["fileadmin/template/main/img/layout/s-circle-off.gif","fileadmin/template/main/img/layout/s-circle-on.gif"];

var numOfImg = 0;
var currImg = 0;
var intervalID = 0;
var intervalTime = 5000;
var isAnimated = false;
var imgWidth = 635;
var offset = 0;

$(document).ready(function() {
	//get number of images
	numOfImg = $("#s-image-scrollcontent img").length;
	//duplicate images
	$("#s-image-scrollcontent img").clone().appendTo('#s-image-scrollcontent');
	//set width of s-image-scrollcontent to x times width of images //Number(String($("#s-image-scrollpane").css("width")).split("px")[0]) = 635
	$("#s-image-scrollcontent").css("width", Number(numOfImg * 2 * imgWidth));
	//create breadcrumb
	for(var i=0; i < numOfImg; i++){
		$("#s-breadcrumb").append('<a href="/cms/home/#" alt="" title=""><img src="'+imgPath[0]+'" alt="" title="" /></a>');
	}
	$("#s-breadcrumb img").eq(0).attr("src",imgPath[1]);	
});//$(document).ready

$(window).load(function () {
	$("#s-btn-left").click(
		function (event) {
			resetInterval();
			gotoPrevImage();
		}
	)
	$("#s-btn-right").click(
		function (event) {
			resetInterval();
			gotoNextImage();
		}
	)
	$("#s-breadcrumb a").click(
		function (event) {
			resetInterval();
			gotoImage($(event.target).parent().index());
		}
	)
	intervalID = window.setInterval(gotoNextImage, intervalTime);
});//end $(window).load


function gotoImage(imgNr){
	if(isAnimated){return;}
	isAnimated = true;
	$("#s-breadcrumb img").eq(currImg).attr("src",imgPath[0]);
	
	//direkt jump adjustments
	var minSteps = imgNr - currImg;
	if(Math.abs(minSteps) > numOfImg/2){
		minSteps = (minSteps/Math.abs(minSteps)) * (Math.abs(minSteps) - numOfImg);
	}
	if(minSteps < 0 && (imgNr < currImg)){
		$("#s-image-scrollpane").scrollLeft(Number(currImg * imgWidth));
		offset = 0;
	}
	if(minSteps < 0 && (imgNr > currImg)){
		$("#s-image-scrollpane").scrollLeft(Number((currImg + numOfImg) * imgWidth));
		offset = 0;
	}
	if(minSteps > 0 && (imgNr < currImg)){
		$("#s-image-scrollpane").scrollLeft(Number(currImg * imgWidth));
		offset = Number(numOfImg * imgWidth);
	}
	if(minSteps > 0 && (imgNr > currImg)){
		$("#s-image-scrollpane").scrollLeft(Number(currImg * imgWidth));
		offset = 0;
	}
	
	
	currImg = imgNr;
	if(currImg == numOfImg){
		$("#s-image-scrollpane").scrollLeft(Number((numOfImg-1) * imgWidth)); //set scrollPosition to last img of set 1
		offset = Number(numOfImg * imgWidth);
		currImg = 0;
	}
	if(currImg == -1){
		$("#s-image-scrollpane").scrollLeft(Number(numOfImg * imgWidth)); //set scrollPosition to first img of set 2
		offset = 0;
		currImg = numOfImg-1;
	}
	$("#s-breadcrumb img").eq(currImg).attr("src",imgPath[1]);
	
	var nextScrollLeft = currImg * 635 + offset;
	
	$("#s-image-scrollpane").stop().animate({
		scrollLeft: nextScrollLeft
		}, 500, 'swing', function() {
		onAnimationComplete();
	});
}

function gotoPrevImage(){
	gotoImage(currImg-1);
}

function gotoNextImage(){
	gotoImage(currImg+1);
}

function onAnimationComplete(){
	isAnimated = false;
}

function resetInterval(){
	window.clearInterval(intervalID);
	intervalID = window.setInterval(gotoNextImage, intervalTime);
}