var map = null;
	var geocoder = null;
	var x = 0;
	var y = 0;
	var rx = 0;
	var ry = 0;
	var timer = 0;
	var visible = false;
	
	
	function showForm() {
		$("#butEntzuend").show();
		$("#butHinzu").hide();
		$("#myCandle div").show();
		GMload();
	}
	
	function GMload() {
		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("hiddenmap"));
			geocoder = new GClientGeocoder();
			map.setCenter(new GLatLng(52.538779,13.374481), 11);
		}
	}
	
	
	function NavOver(theNav) {
		$("#nav"+theNav+" a img").attr("src", "img/mainnav_"+theNav+"_n.gif")
	}
	function NavOut(theNav) {
		$("#nav"+theNav+" a img").attr("src", "img/mainnav_"+theNav+"_n.gif")
	}
	
	function clearInputs(theValue) {
		$("input").css({'color' : '#009bba'});
		if(theValue=='Name Vorname') {
			$("#username").val('');
		}
		if(theValue=='Strasse Hausnummer') {
			$("#userstreet").val('');
		}
		if(theValue=='Email') {
			$("#useremail").val('');
		}
		if(theValue=='Telefon') {
			$("#userfon").val('');
		}
	}
	
	function fillInputs(theValue, theID) {
		if(theValue=='' && theID=='username') {
			$("#username").val('Name Vorname');
		}
		if(theValue=='' && theID=='userstreet') {
			$("#userstreet").val('Strasse Hausnummer');
		}
		if(theValue=='' && theID=='useremail') {
			$("#useremail").val('Email');
		}
		if(theValue=='' && theID=='userfon') {
			$("#userfon").val('Telefon');
		}
	}
	
	function getAddress() {
		var address = $("#userstreet").val();
		
		if($("#username").val() != 'Name Vorname' && $("#username").val() != '' && $("#userstreet").val() != 'Strasse Hausnummer' && $("#userstreet").val() != '') {
			if (geocoder) {
				geocoder.getLatLng("Berlin, "+address, function(point) {
					if (!point) {
						$("#userstreet").css({'color' : 'red'});
					} else {
						var marker = new GMarker(point);
						map.addOverlay(marker);
						var myCoords = map.fromLatLngToDivPixel(point)
						submitForm(myCoords);
					}
				});
			}
		} else {
			coordX = Math.round(900*Math.random());
			coordY = Math.round(731*Math.random());
			
			
			var myCoords = "("+coordX+", "+coordY+")"
			submitForm(myCoords);
		}
	}
	
	function submitForm(LatLng) {
		var candle = String(LatLng);
		candle = candle.slice(1, candle.length-1);

		var yxPosition = candle.split(", ");
		var yPosition = Math.round((yxPosition[1]*81.8)/100);
		var xPosition = Math.round((yxPosition[0]*81.8)/100);
				
		var username = escape($("#username").val());
		var userstreet = escape($("#userstreet").val());
		var useremail = escape($("#useremail").val());
		var	userfon = escape($("#userfon").val());
		
		if($("#username").val() == 'Name Vorname') {
			username = '';
		}
		if($("#userstreet").val() == 'Strasse Hausnummer') {
			userstreet = '';
		}
		if(useremail == 'Email') {
			useremail = '';
		}
		if(userfon == 'Telefon') {
			userfon = '';
		}
		
		data= "name="+username+"&street="+userstreet+"&mail="+useremail+"&telefon="+userfon+"&x="+xPosition+"&y="+yPosition+"";
		
		$.ajax({
			type: "POST",
			url: "proc/saveUser.asp",
			data: data,
			dataType: "json",
			success: hideForm
		});

		 
		//alert(xPosition)
		setMyLight(xPosition, yPosition);
	}
	
	function setMyLight(x, y) {
		$("#myLight").css({'left' : x + 56, 'top' : y + 206});
	}
	
	function hideForm(j) {
		if (j.errName == 1) { $("#username").css({'color' : 'red'}); } 
		if (j.errStreet == 1) { $("#userstreet").css({'color' : 'red'}); } 
		if (j.errMail == 1) { $("#useremail").css({'color' : 'red'}); } 
		if (j.errTelefon == 1) { $("#userfon").css({'color' : 'red'}); } 
		if (j.errName == 0 && j.errStreet == 0 && j.errMail == 0 && j.errTelefon == 0) { 
			$("#butEntzuend").hide();
			$("#butHinzu").show();
			$("#myCandle div").hide();
			$("#username").val('Name Vorname');
			$("#userstreet").val('Strasse Hausnummer');
			$("#useremail").val('Email');
			$("#userfon").val('Telefon');		
		}
	}
	
	function submitFreunde() {
		$(".subFreunde input").css({'border' : '#FFFFFF 1px solid'})
		var empfvorname = escape($("#empfvorname").val());
		var empfnachname = escape($("#empfnachname").val());
		var empfemail = escape($("#empfemail").val());
		var	sendvorname = escape($("#sendvorname").val());
		var	sendnachname = escape($("#sendnachname").val());
		var	sendemail = escape($("#sendemail").val());
		
		
		dataFreunde= "empfvorname="+empfvorname+"&empfnachname="+empfnachname+"&empfemail="+empfemail+"&sendvorname="+sendvorname+"&sendnachname="+sendnachname+"&sendemail="+sendemail+"";
		
		$.ajax({
			type: "POST",
			url: "proc/saveRecommend.asp",
			data: dataFreunde,
			dataType: "json",
			success: showSuccesFreunde
		});
	}
	
	function showSuccesFreunde(j) {
		if (j.errreceiver_vorname == 1) { $("#empfvorname").css({'border' : 'red 1px solid'}); } 
		if (j.errreceiver_nachname == 1) { $("#empfnachname").css({'border' : 'red 1px solid'}); } 
		if (j.errreceiver_email == 1) { $("#empfemail").css({'border' : 'red 1px solid'}); } 
		if (j.errsender_vorname == 1) { $("#sendvorname").css({'border' : 'red 1px solid'}); } 
		if (j.errsender_nachname == 1) { $("#sendnachname").css({'border' : 'red 1px solid'}); } 
		if (j.errsender_email == 1) { $("#sendemail").css({'border' : 'red 1px solid'}); } 
		if (j.errsender_vorname == 0 && j.errsender_nachname == 0 && j.errsender_email == 0 && j.errreceiver_vorname == 0 && j.errreceiver_nachname == 0 && j.errreceiver_email == 0) { 
			showContent('con_2_1_danke.htm');
		}
	}
		
	function OnMove(e) 
	{
		//Hide current popup
		if (visible) { $("#popup").hide(); }
		//Update visible state
		visible = false;
		//Disable current running timer
		window.clearTimeout(timer);
		//Save values for ajax request and response
		x = e.pageX;
		y = e.pageY;
		//Create new timer to start ajax request
		timer = window.setTimeout("CreatePopup()", 1000);
	}
	
	function CreatePopup()
	{
				//Calculate position in element
		rx = x - $("#map").offset().left - 40;
		ry = y - $("#map").offset().top;
				
		//Get current coordinates
		data = "x="+ rx +"&y="+ ry;
		//alert(data)
		//Create ajax request
		$.ajax(
		{
			type: 'POST',
			url: 'proc/popup_data.asp',
			dataType: 'json',
			data: data,
			success: DisplayPopup
		});
	}
	
	function DisplayPopup(j)
	{
		//Exit when mouse move between request			
		if (rx != j.x) { return; }
		if (ry != j.y) { return; }
		//Exit when no light found
		if (j.count == 0) { return; }
		//Set new position
		$("#popup").css("left", (rx+80));
		$("#popup").css("top", y);
		//Set new content
		$("#popup").html(j.html);
		//Set visible state
		visible = true;
		//Display popup
		$("#popup").show();
	}
	
	
	
	// Content Funktionen
	function showContent(theContent) {
		$("#textContent").show();
		$("#textContentText").load(theContent)
		if(theContent=='con_1_0.htm') {
			$("#nav1").unbind("mouseout");
			$("#nav2").bind("mouseout", function(e){ NavOut(2); });
			$("#nav3").bind("mouseout", function(e){ NavOut(3); });
			NavOut(2);
			NavOut(3);
			$("#subnav1_1, #subnav1_2, #subnav1_3").css({'backgroundColor' : 'transparent'});
			$("#subnav1").show();
			$("#subnav2, #subnav3").hide();
		}
		if(theContent=='con_2_0.htm') {
			$("#nav2").unbind("mouseout");
			$("#nav1").bind("mouseout", function(e){ NavOut(1); });
			$("#nav3").bind("mouseout", function(e){ NavOut(3); });
			NavOut(1);
			NavOut(3);
			$("#subnav1, #subnav3").hide();
			$("#subnav2_1, #subnav2_2, #subnav2_3").css({'backgroundColor' : 'transparent'});
			$("#subnav2").show();
		}
		if(theContent=='con_3_0.htm') {
			$("#nav3").unbind("mouseout");
			$("#nav1").bind("mouseout", function(e){ NavOut(1); });
			$("#nav2").bind("mouseout", function(e){ NavOut(2); });
			NavOut(1);
			NavOut(2);
			$("#subnav3_1").css({'backgroundColor' : 'transparent'});
			$("#subnav1, #subnav2").hide();
			$("#subnav3").show();
		}
		if(theContent=='con_1_1.htm') {
			$("#subnav1_1").css({'backgroundColor' : '#94cddf'});
			$("#subnav1_2, #subnav1_3").css({'backgroundColor' : 'transparent'});
		}
		if(theContent=='con_1_2.htm') {
			$("#subnav1_2").css({'backgroundColor' : '#94cddf'});
			$("#subnav1_1, #subnav1_3").css({'backgroundColor' : 'transparent'});
		}
		if(theContent=='con_2_1.htm') {
			$("#subnav2_1").css({'backgroundColor' : '#94cddf'});
			$("#subnav2_2, #subnav2_3").css({'backgroundColor' : 'transparent'});
		}
		if(theContent=='con_2_2.htm') {
			$("#subnav2_2").css({'backgroundColor' : '#94cddf'});
			$("#subnav2_1, #subnav2_3").css({'backgroundColor' : 'transparent'});
		}
		if(theContent=='con_2_3.htm') {
			$("#subnav2_3").css({'backgroundColor' : '#94cddf'});
			$("#subnav2_1, #subnav2_2").css({'backgroundColor' : 'transparent'});
		}
		if(theContent=='con_3_1.htm') {
			$("#subnav3_1").css({'backgroundColor' : '#94cddf'});			
		}
		if(theContent=='con_3_1.htm') {
			$("#subnav3_1").css({'backgroundColor' : '#94cddf'});			
		}
		if(theContent=='impressum.htm') {
			$("#subnav1, #subnav2, #subnav3").hide();	
			$("#nav1").bind("mouseout", function(e){ NavOut(1); });
			$("#nav2").bind("mouseout", function(e){ NavOut(2); });
			$("#nav3").bind("mouseout", function(e){ NavOut(3); });
			NavOut(1);
			NavOut(2);
			NavOut(3);
		}
	}

	
	function hideContent() {
		$("#textContent").hide();
		$("#subnav1, #subnav2, #subnav3").hide();
		$("#nav1").bind("mouseout", function(e){ NavOut(1); });
		$("#nav2").bind("mouseout", function(e){ NavOut(2); });
		$("#nav3").bind("mouseout", function(e){ NavOut(3); });
		NavOut(1);
		NavOut(2);
		NavOut(3);
	}