// JavaScript Document

$(document).ready(function(){
  	
	if(imageChange) foo1 = setInterval('changeBanner()', 5000);

});


	/* bildwechsler funktion*/
	function changeBanner() {

		var preloadElm = $('#banner-preload');
		var bannerDisplay = $('#headerImage').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];
		
		// 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(img/layout/header/'+ saison +'/' + aktbanner + ')');
		
		// bildwechsel: vorderes element ausblenden (z index 2) bild wechseln und dann wieder einblenden
		$('#headerImage').fadeOut('slow', function() { 
			
			$('#headerImage').hide();
			$('#headerImage').css('background-image', 'url(img/layout/header/'+ saison +'/' + aktbanner + ')');
			$('#headerImage').show();
			// href der links zum bildwechsel wechseln
			$('#headerChangeLeft').attr('href','index.cfm?aktHeaderPic='+ prevCount);
			$('#headerChangeRight').attr('href','index.cfm?aktHeaderPic='+ nextCount);
			
			return true;
		});
				
	}