/*
 * nötige Events binden, wenn DOM ready
 ***************************************/

/* Scrollbars auf der Startseite */
var scroller1 = null;
var scrollbar1 = null;
var scroller2 = null;
var scrollbar2 = null;
var scroller3;
var scrollbar3;





// Zum Start ist das Overlay geschlossen
var overlay = false;
// Werden gerade Termine angezeigt? Dann den Back Button dahingehend ausrichten...
var termine = false;

$(".close").click(function(){
	toggleOverlay();
});

/*
 * Ansichten für das PopUp:
 * 
 * */


function toggleOverlay(){
	$(document).ready(function() {
		if (overlay == false){
			  $(".overlay").fadeIn();
			  overlay = true;
			  $('#myVideo').css("display","none")
		}
		else {
			  $(".overlay").fadeOut();
			  overlay = false;
			  $('#myVideo').css("display","")
		}
	});
}


/* TODO: hier Funktionen für die Detailansichten implementieren*/
function resetOverlay(){
	$(".blackback").css("background-image",'none');
	$('.zurueck').hide();
	$('.galerietitel').hide();
	$('.thumbnails').hide();
	$('.bildbeschreibung').hide();
}


function weiterempfehlen(){
    // zeigt das Kontaktformular an (später)
    resetOverlay();
    $('#Scrollbar-Container3').show();
    // Overlay leeren, Ladescreen setzen
	$(".Scroller-Container3").html('<img class="loading" src="/img/ajax_wait.gif" alt="loading" />');
	// Overlay Typbild setzen
	$('.overlay .inner .type').attr({ src: "themes/rcz/images/trans.gif"});
    
    // Overlay befüllen
	$.get("/recommend",function(data){
		$(".Scroller-Container3").html('<div class="contentpage">'+data+'</div>');
		
		// Scrollbar in Popup (re)initialisieren
		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 646, 276);
		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
	});
    
    // Overlay anzeigen
	toggleOverlay();
}

function weiterempfehlen2(){
	$.get("./recommend",function(data){
		$(".Scroller-Container3").html('<div class="contentpage">'+data+'</div>');
		
		// Scrollbar in Popup (re)initialisieren
		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 646, 276);
		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
	});
	}

function impressum(){
	// Diese Funktion zeigt das Impressum an
	resetOverlay();
    $('#Scrollbar-Container3').show();
	// Overlay leeren, Ladescreen setzen
	$(".Scroller-Container3").html('<img class="loading" src="/img/ajax_wait.gif" alt="loading" />');
	// Overlay Typbild setzen
	$('.overlay .inner .type').attr({ src: "themes/rcz/images/trans.gif"});
	
	// Overlay befüllen
	$.get("/impressum",function(data){
		$(".Scroller-Container3").html('<div class="contentpage">'+data+'</div>');
		
		// Scrollbar in Popup (re)initialisieren
		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 740, 276);
		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
	});
	
	// Overlay anzeigen
	toggleOverlay();
}

function contact(){
	// Diese Funktion zeigt das Impressum an
	resetOverlay();
    $('#Scrollbar-Container3').show();
	// Overlay leeren, Ladescreen setzen
	$(".Scroller-Container3").html('<img class="loading" src="/img/ajax_wait.gif" alt="loading" />');
	// Overlay Typbild setzen
	$('.overlay .inner .type').attr({ src: "themes/rcz/images/trans.gif"});
	
	// Overlay befüllen
	$.get("/contact",function(data){
		$(".Scroller-Container3").html('<div class="contentpage">'+data+'</div>');
		
		// Scrollbar in Popup (re)initialisieren
		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 740, 276);
		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
	});
	
	// Overlay anzeigen
	toggleOverlay();
}

function copyright(){
	// Diese Funktion zeigt das Impressum an
	resetOverlay();
    $('#Scrollbar-Container3').show();
	// Overlay leeren, Ladescreen setzen
	$(".Scroller-Container3").html('<img class="loading" src="/img/ajax_wait.gif" alt="loading" />');
	// Overlay Typbild setzen
	$('.overlay .inner .type').attr({ src: "themes/rcz/images/trans.gif"});
	
	// Overlay befüllen
	$.get("/copyright",function(data){
		$(".Scroller-Container3").html('<div class="contentpage">'+data+'</div>');
		
		// Scrollbar in Popup (re)initialisieren
		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 740, 276);
		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
	});
	
	// Overlay anzeigen
	toggleOverlay();
}

function empfehlen(){
    if( trim($('#absender').val()) == '' || trim($('#empfaenger').val()) == '' || trim($('#email').val()) == '')
    alert ('Bitte vervollstaendigen Sie ihre Eingaben');
    else {
        $.post("/recommend/",{ absender: trim($('#absender').val()), empfaenger : trim($('#empfaenger').val()), email : trim($('#email').val()) },function(data){
            
				$(".contentpage").html('<div class="contentpage">'+data+'</div>');
			
            
            // Scrollbar in Popup (re)initialisieren
    		// TODO: evtl. noch bestehende Instanzen des Scrollers löschen (speicherschonender)
    		var scroller3  = new jsScroller(document.getElementById("ScrollboxContainer3"), 646, 276);
    		var scrollbar3 = new jsScrollbar (document.getElementById("Scrollbar-Container3"), scroller3, true);
        });
    }
    
}




/* MISC */
function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}
 
function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}
 
function rtrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

function hl(theImg){
	document.getElementById("n" + theImg).src="/img/n" + theImg + "hi.gif"
}

function ll(theImg){
	document.getElementById("n" + theImg).src="/img/n" + theImg + ".gif"
}