var globalTotalImages;
var currentScroller;
var intervalActive;
var scroller;

$(document).ready(function(){
	
	var totalImages = 1;
	var offset = 949;
	var dataHref = new Array();
	var dataNo = new Array();
	
	// Object aller Bilder die sliden sollen
	var object = $('#content_slide li a');
	// Partent Container der Slidegallery
	var parentObject = $('#content_slide').parent();
	var slide = $('#content_slide');
	
	
	object.each(function(){
		// Jedes Bild wird automatisch Relativ Positioniert und nacheinander rechts positioniert
		$(this).attr({'id':'imgId_'+totalImages});
		newPosition = offset * (totalImages-1); // -1 deswegen, da Offset von Array
		
		$(this).css({'left':newPosition, 'top':0});
		
		// Daten der URL und Nummer des Bildes
	 	dataHref[totalImages] = $(this).parent().attr("href");
	 	dataNo[totalImages] = totalImages;
		totalImages++;
		
	});
	
	// Globale Variable für die Gesamtzahl der Bilder
	globalTotalImages = totalImages;
	
	// Container für Navigation wird erzeugt
	var nav = $('<ul id="contentSlide_nav"></ul');
	
	// Vorheriges Bild
	$('<li><a id="prev" href="#">&lt;</a></li>').appendTo(nav);
	
	for(i=1;i<totalImages;i++){
		$('<li><a class="nav_'+ i +'" href="'+ dataHref[i] +'">'+ dataNo[i] +'</a></li>').appendTo(nav);
	}
	
	// Nächstes Bild
	$('<li><a id="next" href="#">&gt;</a></li>').appendTo(nav);
	nav.appendTo(parentObject);
	
	
	// Wird ein Link innerhalb der Navigation aufgerufen
	$('#contentSlide_nav li a').click(function(){
		
		if($(this).attr("id")=="prev" || $(this).attr("id")=="next"){
			return false;
		}
		
		if($(this).hasClass("auto")==false){
			clearScrolling();
		}
		$(this).removeClass("auto");
		
		var prevActive = $('#contentSlide_nav li a.active').removeClass("active").attr("class");
		
		// Welches war zuletzt aktiv
		if(prevActive != undefined){
			prevActive = prevActive.split('_').pop()
		}else{
			prevActive = 1;
		}
		
		$('#contentSlide_nav li a').each(function(){
			$(this).removeClass("active");			
		});
		
		var factor = $(this).attr("class").split('_').pop();
		
		$(this).addClass("active");
		
		// Offset = Breite der Bilder (949 in diesem Fall)
		// Neue Position = Offset x Anzahl der Elemente
		var newPos = offset * (factor-1);
		// Standard Animationszeit pro Element das gescrollt wird
		var animationTime = 500;
		
		
		// Legt die Animationsdauer an Hand der Anzahl der geslideten Elemente fest	
		if(prevActive != undefined){
			
			var countAnimations = factor - prevActive;
			
			if(countAnimations<0){
				countAnimations = countAnimations * -1
			}
			newAnimationTime = animationTime * countAnimations
			
		}else{
			var newAnimationTime = animationTime;				
		}
		
		slide.animate({'left':-newPos}, newAnimationTime);
		return false;		
	});	
	startScrolling();
	$('#contentSlide_nav li a#prev').click(function(){
		// Killt den Autoscroller
		clearScrolling();
		// aktiviert den prev Button
		prev();
	});
	$('#contentSlide_nav li a#next').click(function(){
		// Killt den Autoscroller
		clearScrolling();
		// aktiviert den next Button
		next();
	});
});

function clearScrolling(){
	// Löscht das Interval
	clearInterval(intervalActive);
}
function startScrolling(){
	// Setzt den Scrollstarter auf 2
	currentScroller = 2
	$('#contentSlide_nav li a.nav_1').addClass("active");
	intervalActive = setInterval("scrollIt()",3000);	
}
function scrollIt(){

	// "Klickt" die Box aufsteigend durch
	$('#contentSlide_nav li a.nav_'+currentScroller).addClass("auto").click();
	
	currentScroller++; // Globaler counter wo der Scroller steht
	if(currentScroller > globalTotalImages){
		currentScroller = 1;
	}
}
function next(){
	
	// Holt sich aktuelles active Element und addiert 1 für nächstes Element
	
	var active = $('#contentSlide_nav li a.active').attr("class").split(' ').shift().split('_').pop();
	var next = parseInt(active) + 1;

	if(next >= 13){
		next = 1;
	}
	
	$('#contentSlide_nav li a.nav_'+next).click();
}
function prev(){

	// Holt sich aktuelles active Element und subtrahiert 1 für nächstes Element

	var active = $('#contentSlide_nav li a.active').attr("class").split(' ').shift().split('_').pop();
	var prev = parseInt(active) - 1;
	
	if(prev <= 0){
		prev = 13;
	}
	
	$('#contentSlide_nav li a.nav_'+prev).click();
}