// JavaScript Document

$(document).ready(function(){
  	
	// neuer Eintrag im Gästebuch
	$(".gbNewEntry").click(function () {
		
		var button = $(this);
		
		if (button.html() == 'Eintrag schreiben' | button.html() == 'write entry') {
			$(".gbFormContainer").slideDown("slow");
			$(this).html(cancel);
		} else {
			$(".gbFormContainer").slideUp("slow");
			$(this).html(newEntry);	
		}
		
		return false;

	});
	
	$("#NLname").focus(function () {
		if(this.value == NLnameDescr) this.value = '';		
	});
	$("#NLvorname").focus(function () {
		if(this.value == NLvornameDescr) this.value = '';		
	});
	$("#NLemail").focus(function () {
		if(this.value == NLemailDescr) this.value = '';		
	});
	
	$("#NLname").blur(function () {
		if(this.value == '') this.value = NLnameDescr;		
	});
	$("#NLvorname").blur(function () {
		if(this.value == '') this.value = NLvornameDescr;		
	});
	$("#NLemail").blur(function () {
		if(this.value == '') this.value = NLemailDescr;		
	});

	if(imageChange) foo1 = setInterval('changeBanner()', 5000);

});


/* bildwechsler funktion */
function changeBanner() {
		
	var preloadElm = $('#banner-preload');
	var bannerDisplay = $('#header').css('display');
	
	headerCount++;
	
	// übergebene liste in array wandeln
	bannerPicArray = headerBilder.split(',');
	
	//am Ende wieder vorne anfangen
	if(headerCount > headerAnzahl) {
		headerCount = 1;
	}
	
	// aktuelle;r 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/'+ content +'/' + aktbanner + ')');
	// bildwechsel: vorderes element ausblenden (z index 2) bild wechseln und dann wieder einblenden
	$('#header').fadeOut('slow', function() { 
		
		$('#header').hide();
		$('#header').css('background-image', 'url(img/layout/header/'+ content +'/' + aktbanner + ')');
		$('#header').show();
		/*// href der links zum bildwechsel wechseln
		$('#headerChangeLeft').attr('href','index.cfm?aktHeaderPic='+ prevCount);
		$('#headerChangeRight').attr('href','index.cfm?aktHeaderPic='+ nextCount);*/
		
		return true;
	});
			
}


