$(document).ready(function(){
	
	$('.scroll-pane').jScrollPane(
		{
			showArrows: true
		}
	);
	
	if(imageChange) foo1 = setInterval('changeBanner()', 5000);
	
	/* klick auf den linken pfeil */
	$('.headerChangeLeft').click(function(){		
		changeBannerLeft();
		return false;		
	});
	
	/* klick auf den rechten Pfeil*/	
	$('.headerChangeRight').click(function(){		
		changeBannerRight();
		return false;		
	});
	
	/* Key Events abfangen */
	$(document).keydown(function(e) {
		if (e.keyCode == '37') {
			changeBannerLeft();
	   	}
		if (e.keyCode == '39') {
			changeBannerRight();
	   	}					   
	});
	
});


/* bildwechsler funktion*/
function changeBanner() {
	var preloadElm = $('#preloadImage');
	var bannerElm = $('#imageWrapper #image');
	var bannerDisplay = bannerElm.css('display');

	headerCount++;
	
	// übergebene liste in array wandeln
	bannerPicArray = headerBilder.split(',');
	
	//am Ende wieder vorne anfangen
	if(headerCount > headerAnzahl) {
		headerCount = 1;
	}
	
	// aktueller Banner auslesen (-1 weil array bei 0 anfängt)
	aktbanner = bannerPicArray[headerCount - 1];
	
	/* Bobag Spezial -> z-index der lightbox links wechseln */
	$('#imageWrapper #image a').each(function(i){
		if(i != headerCount - 1) {
			$(this).css('z-index',1);
		} else {
			$(this).css('z-index',10);
		}		
	});
	
	// vorheriger eintrag, wenn erster = letzter
	prevCount = headerCount - 1;
	if(prevCount == 0) prevCount = headerAnzahl;
	
	// nächster eintrag, wenn letzter = erster
	nextCount = headerCount + 1;
	if(nextCount > headerAnzahl) nextCount = 1;
	
	//preloade im hinteren Element (z index 1) das an diesem Punkt noch hinter dem vorderen ist
	preloadElm.css('background-image', 'url(download/galeriebilder/' + aktbanner + ')');
	
	// bildwechsel: vorderes element ausblenden (z index 2) bild wechseln und dann wieder einblenden
	bannerElm.fadeOut('slow', function() { 
		
		
		
		bannerElm.css('background-image', 'url(download/galeriebilder/' + aktbanner + ')');
		bannerElm.show();
		
		/*// href der links zum bildwechsel wechseln
		$('#headerChangeLeft').attr('href','index.cfm?aktHeaderPic='+ prevCount);
		$('#headerChangeRight').attr('href','index.cfm?aktHeaderPic='+ nextCount);*/
		
		return true;
	});
}

/* nach links wechseln */
function changeBannerLeft() {
	/* -2 weil in function changeBanner zuerst wieder 1 dazu gezählt wird */
	headerCount = headerCount - 2;
	/* 	
		wenn auf dem ersten geklickt wurde, wird der wert von headerCount -1, in diesem Fall auf den letzten 
		und wieder -1 weil function changeBanner zuerst wieder 1 dazu gezählt wird 
	*/
	if(headerCount == -1) headerCount = headerAnzahl - 1
	changeBanner();		
	/* interval ausschalten*/
	clearInterval(foo1);		
	/* interval neu setzen */
	foo1 = setInterval('changeBanner()', 5000);
}

/* nach rechts wechseln */
function changeBannerRight() {		
	/* banner wechseln */
	changeBanner();		
	/* interval ausschalten*/
	clearInterval(foo1);		
	/* interval neu setzen */
	foo1 = setInterval('changeBanner()', 5000);
}