/*
var	nameonload = $("#Name").attr("value");
var	mailonload = $("#Mail").attr("value");
var	textonload = $("#Nachricht").text();
*/
$(document).ready(function() {	

	slideshow_init();	

	/* --- FLAGS --- */
	
	$(".overlaybackground").hide();
	$(".overlaycard").hide();	
	
	var mouseovercard = false;
	
	$(".overlaycard").mouseover(function() {
		mouseovercard = true;
	});
	
	$(".overlaycard").mouseleave(function() {
		mouseovercard = false;
	});	
	
	$(".overlaybackground").click(function() {
		if (mouseovercard==false) {
			$(this).fadeOut(10);
			$(".overlaycard").fadeOut(10);
			$(".overlaycontent").css({display:"none"});
		}
		/* return false; */
	});

	$(".flag").each(function() {
		$(this).click(function() {

			var id = $(this).attr("id");
			var length = id.length;
			if (length == 6) { id = id.charAt(6); }
			if (length == 7) { id = (id.charAt(6) + id.charAt(7)); }
		
			var content = ".content"+id;			

			$(".overlaybackground").css({display:"block"});
			$(".overlaycard").css({display:"block"});
			$(".overlaycontent").css({display:"none"});
			$(content).css({display:"block"});
			return false;
		});
	});
	
	$(".backtoagencies").click(function() {
		$(".backtoagencies").css({borderBottom:'1px dotted #ffffff'});
		
		/*
		$(".overlaybackground").css({display:"none"});
		$(".overlaycard").css({display:"none"});
		$(".overlaycontent").css({display:"none"});
		*/
			$(".overlaybackground").fadeOut(10);
			$(".overlaycard").fadeOut(10);
			$(".overlaycontent").css({display:"none"});
		return false;	
	});

	/* Festlegen des klickbaren Bereichs, in welchem das Fenster wieder schliesst (100% Fenster  + Scrollposition) */
	resizeOLBG();	
	$(window).resize(resizeOLBG);
	$(window).scroll(resizeOLBG);
	
	function resizeOLBG() {
		var scroll = $(window).scrollTop();
		var winHeight = $(window).height();
		var heightofOLBG = scroll + winHeight;
		$(".overlaybackground").css({height: heightofOLBG});		
	};


	/* --- CONTACTFORM --- */
	/*Checkt beim laden, welche Werte im Kontaktformular am Anfang eingetragen sind*/
	
	$(this).find("label").each(function() {
		var thislabel = $(this); //Label
		var text = thislabel.html(); //Inhalt des Labels
		var element = $("#" + thislabel.attr("for")); //Zugehšriges Input Element
				
		if ( element.attr("value") == '') element.attr("value", text); // Wenn leer, dann fŸlle mit Label auf	
		element.attr("old", text); //Hilfsattribut "old" bekommt Label gespeichert
		
		
		if(element.attr("value") == element.attr("old")) { //Wenn geladen, prŸfen ob Feld schon eingegeben, wenn nein, Klasse "labelinside" zuweisen
			element.addClass("labelinside"); //Jedes Input mit Label bekommt Klasse "labelinside"
		}
		
		element.focus(function () {
			if (element.attr("value") == element.attr("old")) { element.attr("value", ''); element.removeClass("labelinside");}
		});		
		
		element.blur(function () {
			if (element.attr("value") == '') {element.attr("value", element.attr("old"));element.addClass("labelinside");}
		});
		
		thislabel.hide();
	});
	
	$(this).submit(function() {
		$(this).find("label").each(function() {
	
			var thislabel = $(this); //Label
			var text = thislabel.html(); //Inhalt des Labels
			var element = $("#" + thislabel.attr("for")); //Zugehšriges Input Element
			var elementText = element.attr("value");
			var elementOld = element.attr("old");
		
			if (elementOld == elementText) {
				element.attr("value", '');
			}
		});
	});
	
	$(".backtoagencies").mouseover(function() {
		$(".backtoagencies").css({borderBottom:'1px dotted #006AB3'});
	});
	$(".backtoagencies").mouseout(function() {
		$(".backtoagencies").css({borderBottom:'1px dotted #ffffff'});
	});
	
	
	
	
	
});
/*
function beforeSubmit() {

	var name = $("#Name").attr("value");
	var mail = $("#Mail").attr("value");
	var text = $(".textform").text();	



	if (text==textonload) {
		$(".textform").text("");
	}
	if (name==nameonload) {
		$("#Name").attr("value", "");	
	}
	if (mail==mailonload) {
		$("#Mail").attr("value", "");	
	}	
	
}
*/

/* --- CLOCKS --- */

function setPuebla(hours, minutes) {
	var hourbg = "-" + calcBG(hours) + "px 1px";
	$("#clockpuebla").find(".hours").css({backgroundPosition:hourbg});
	var minutebg = "-" + calcBG(minutes) + "px 1px";
	$("#clockpuebla").find(".minutes").css({backgroundPosition: minutebg});
}

function setHamburg(hours, minutes) {
	var hourbg = "-" + calcBG(hours) + "px 1px";
	$("#clockhamburg").find(".hours").css({backgroundPosition:hourbg});
	var minutebg = "-" + calcBG(minutes) + "px 1px";
	$("#clockhamburg").find(".minutes").css({backgroundPosition: minutebg});
}

function setShanghai(hours, minutes) {
	var hourbg = "-" + calcBG(hours) + "px 1px";
	$("#clockshanghai").find(".hours").css({backgroundPosition: hourbg});
	var minutebg = "-" + calcBG(minutes) + "px 1px";
	$("#clockshanghai").find(".minutes").css({backgroundPosition: minutebg});
}

function setChangchun(hours, minutes) {
	var hourbg = "-" + calcBG(hours) + "px 1px";
	$("#clockchangchun").find(".hours").css({backgroundPosition: hourbg});
	var minutebg = "-" + calcBG(minutes) + "px 1px";
	$("#clockchangchun").find(".minutes").css({backgroundPosition: minutebg});
}

function setJakarta(hours, minutes) {
	var hourbg = "-" + calcBG(hours) + "px 1px";
	$("#clockjakarta").find(".hours").css({backgroundPosition: hourbg});
	var minutebg = "-" + calcBG(minutes) + "px 1px";
	$("#clockjakarta").find(".minutes").css({backgroundPosition: minutebg});
}

function calcBG(factor) {
	var bg = factor * 64;
	return bg;
}