/*
 * Javascript Ringschule Frechen
 *
 *
 * Datum: 2007-11-15
 * Version 1.00
 */
 
var toggleContent = function(e)
{

	var targetContent = $('div.navigation', this.parentNode.parentNode);
	if (targetContent.css('display') == 'none') {
		$(this).html('<img src="pics/zu.gif" alt="" />');
		targetContent.slideDown(200);
		var gruppe = $(this.parentNode).attr('id');
		$('.status').load("status.php?" + gruppe + "=1");
	} else {
		$(this).html('<img src="pics/auf.gif" alt="" />');
		targetContent.slideUp(200);
		var gruppe = $(this.parentNode).attr('id');
		$('.status').load("status.php?" + gruppe + "=-1");
	}
 		return false;
};
 
function google_maps() {
	if (GBrowserIsCompatible()) {
	
	G_START_ICON.image="";
	G_START_ICON.shadow="";
	G_END_ICON.image="";
	G_END_ICON.shadow="";

	var map = new GMap2(document.getElementById("map_canvas"))
	
        gdir = new GDirections(map, document.getElementById("directions"));
        GEvent.addListener(gdir, "load", onGDirectionsLoad);
        GEvent.addListener(gdir, "error", handleErrors);

	var center = new GLatLng(50.913433, 6.812359);
	map.setCenter(center, 16);
	map.addControl(new GSmallMapControl());
	var baseIcon1 = new GIcon();
	baseIcon1.shadow = "pics/marker_schatten.png";
	baseIcon1.iconSize = new GSize(20, 34);
	baseIcon1.shadowSize = new GSize(37, 34);
	baseIcon1.iconAnchor = new GPoint(9, 34);
	baseIcon1.infoWindowAnchor = new GPoint(9, 2);
	baseIcon1.infoShadowAnchor = new GPoint(18, 25);

	function createMarker1(point) {
		var letteredIcon1 = new GIcon(baseIcon1);
		letteredIcon1.image = "pics/marker1.png";

		markerOptions1 = { icon:letteredIcon1 };
		var marker1 = new GMarker(point, markerOptions1);

		GEvent.addListener(marker1, "click", function() {
		marker1.openInfoWindowHtml("<span style='font-size: 12px; color:#473214;'><b>Ringschule</b><br />Gemeinschaftsgrundschule der<br />Stadt Frechen<br />Telefon: 02234 - 9 55 71 -0</span>");
	});
		return marker1;
	}
	var bounds = map.getBounds();
	var southWest = bounds.getSouthWest();
	var northEast = bounds.getNorthEast();
	var lngSpan = northEast.lng() - southWest.lng();
	var latSpan = northEast.lat() - southWest.lat();
	var latlng = new GLatLng(50.913333, 6.812059);
	map.addOverlay(createMarker1(latlng, 0));
	}

	var baseIcon2 = new GIcon();
	baseIcon2.shadow = "pics/marker_schatten.png";
	baseIcon2.iconSize = new GSize(20, 34);
	baseIcon2.shadowSize = new GSize(37, 34);
	baseIcon2.iconAnchor = new GPoint(9, 34);
	baseIcon2.infoWindowAnchor = new GPoint(9, 2);
	baseIcon2.infoShadowAnchor = new GPoint(18, 25);
	var letteredIcon2 = new GIcon(baseIcon2);
	letteredIcon2.image = "pics/marker2.png";
	markerOptions2 = { draggable: true, bouncy: true, icon:letteredIcon2 };
	var marker2 = new GMarker(center, markerOptions2);
	map.addOverlay(marker2);
	GEvent.addListener(marker2, "dragstart", function() {
	map.closeInfoWindow();
	});

	GEvent.addListener(marker2, "dragend", function() {
	var latlng = marker2.getLatLng();
	var lat = latlng.lat();
	var lng = latlng.lng();
	var Waypoints = new Array('', '');
	gdir.clear()

	Waypoints[0] = lat + ", " + lng;
	Waypoints[1] = '50.913433, 6.812059';
	gdir.loadFromWaypoints([Waypoints[0], Waypoints[1]], { "locale": "de" });
	
	});
};


    function handleErrors(){
	   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
	     alert("Die Adresse konnte nicht korrekt ermittelt werden.\nFehler: " + gdir.getStatus().code);
	   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
	     alert("Die Adresse konnte nicht korrekt ermittelt werden.\nFehler: " + gdir.getStatus().code);
	   
	   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
	     alert("Die Adresse konnte nicht korrekt ermittelt werden.\nFehler: " + + gdir.getStatus().code);

	   else if (gdir.getStatus().code == G_GEO_BAD_KEY)
	     alert("Die Adresse konnte nicht korrekt ermittelt werden.\nFehler: " + + gdir.getStatus().code);

	   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
	     alert("Die Adresse konnte nicht korrekt ermittelt werden.\nFehler: " + gdir.getStatus().code);
	    
	   else alert("Es ist ein unbekannter Fehler aufgetreten.");
	   
	}

	function onGDirectionsLoad(){ 
		var marker_start = gdir.getMarker(0);
		var Icon_start = marker_start.getIcon();
		Icon_start.iconSize= new GSize(1,1);
		var marker_ende = gdir.getMarker(1);
		var Icon_ende = marker_ende.getIcon();
		Icon_ende.iconSize= new GSize(1,1);

/*	var htmlStr = $('* > .inhalt').html();
	$('.inhalt').text(htmlStr);  */

	}


function lade_inhalt(ziel) {
	$('.inhalt').load(ziel);
	window.scrollTo(0, 0);
};

function popup(page,width,height) {
	var fenster;
	fenster = window.open(page,"Popup","width=" + width + ",height=" + height + ",top=100,left=100,scrollbars=yes,resizable=yes,status=yes");
	fenster.focus();
}
 
function lade_google_maps()
{
    	$('div.inhalt').html('<h1>Anfahrt zur Gemeinschaftsgrundschule der Stadt Frechen</h1><ul><li>Ziehen Sie den Marker mit dem Symbol <img src="pics/marker2.png" alt="" /> an einen gew&uuml;nschten Ausgangspunkt. Anschlie&szlig;end wird Ihnen unterhalb der Karte eine Anfahrtsbeschreibung angezeigt.</li><li>Ein Doppelklick mit der linken Maustaste auf den Kartenausschnitt erzeugt ein ZOOM-IN.</li><li>Ein Doppelklick mit der rechten Maustaste auf den Kartenausschnitt erzeugt ein ZOOM-OUT.</li></ul><p><b>Wichtiger Hinweis:</b> Der Eingang der Ringschule befindet sich aus Sicherheitsgr&uuml;nden an der Bartmannstra&szlig;e.</p><div id="map_canvas" style="width: 100%; height: 400px"></div><div id="directions" style="width: 100%"></div>');
    	google_maps();
	window.scrollTo(0, 0);
};


function sende_kontakt() {
	var name = document.kontakt.name.value;
	var vorname = document.kontakt.vorname.value;
	var strasse = document.kontakt.strasse.value;
	var plz = document.kontakt.plz.value;
	var ort = document.kontakt.ort.value;
	var telefon = document.kontakt.telefon.value;
	var email = document.kontakt.email.value;
	var betreff = document.kontakt.betreff.value;
	var nachricht = document.kontakt.nachricht.value;


	$('.fehler').css("color", "#6e5c3e");	
	$('.fehler').html("<b>Hinweis:</b> Die mit * gekennzeichneten Felder sind Pflichtfelder. Eine Eingabe ist hier zwingend notwendig.<br />");
	$('.name').css("background-color", "");
	$('.vorname').css("background-color", "");
	$('.telefon').css("background-color", "");
	$('.betreff').css("background-color", "");
	
	if (name == "" || vorname == "" || telefon == "" || betreff < 1) {
		$('.fehler').css("color", "#d95b2b");
	}
	else {
	        var adresse = "kontakt.php?name=" + name + "&vorname=" + vorname + "&strasse=" + strasse + "&plz=" + plz + "&ort=" + ort + "&telefon=" + telefon + "&email=" + email + "&betreff=" + betreff + "&nachricht=" + nachricht;
	        adresse = encodeURI(adresse);
		$('.inhalt').load(adresse);
	}
	
	if (name == "") {
		$('.fehler').append("Bitte geben Sie Ihren Namen ein!<br />");
		$('.name').css("background-color", "#eddfba");
	}
	if (vorname == "") {
		$('.fehler').append("Bitte geben Sie Ihren Vornamen ein!<br />");
		$('.vorname').css("background-color", "#eddfba");
	}
	if (telefon == "") {
		$('.fehler').append("Bitte geben Sie eine Telefonnummer ein, unter der wir Sie erreichen k&ouml;nnen!<br />");
		$('.telefon').css("background-color", "#eddfba");
	}
	if (betreff < 1) {
		$('.fehler').append("Bitte w&auml;hlen Sie unter 'Befreff' den Grund f&uuml;r Ihre Kontaktaufnahme aus!<br />");
		$('.betreff').css("background-color", "#eddfba");
	}
};

function sende_anmeldung() {
	var name = document.kontakt.name.value;
	var vorname = document.kontakt.vorname.value;
	var strasse = document.kontakt.strasse.value;
	var plz = document.kontakt.plz.value;
	var ort = document.kontakt.ort.value;
	var telefon = document.kontakt.telefon.value;
	var klasse = document.kontakt.klasse.value;


	$('.fehler').css("color", "#6e5c3e");	
	$('.fehler').html("<b>Hinweis:</b> Die mit * gekennzeichneten Felder sind Pflichtfelder. Eine Eingabe ist hier zwingend notwendig.<br />");
	$('.name').css("background-color", "");
	$('.vorname').css("background-color", "");
	$('.telefon').css("background-color", "");
	
	if (name == "" || vorname == "" || telefon == "") {
		$('.fehler').css("color", "#d95b2b");
	}
	else {
	        var adresse = "anmeldung.php?name=" + name + "&vorname=" + vorname + "&strasse=" + strasse + "&plz=" + plz + "&ort=" + ort + "&telefon=" + telefon + "&klasse=" + klasse;
	        adresse = encodeURI(adresse);
		$('.inhalt').load(adresse);
		popup("anmeldung_pdf.php?name=" + name + "&vorname=" + vorname + "&strasse=" + strasse + "&plz=" + plz + "&ort=" + ort + "&telefon=" + telefon + "&klasse=" + klasse ,440,625);
	}
	
	if (name == "") {
		$('.fehler').append("Bitte geben Sie Ihren Namen ein!<br />");
		$('.name').css("background-color", "#eddfba");
	}
	if (vorname == "") {
		$('.fehler').append("Bitte geben Sie Ihren Vornamen ein!<br />");
		$('.vorname').css("background-color", "#eddfba");
	}
	if (telefon == "") {
		$('.fehler').append("Bitte geben Sie eine Telefonnummer ein, unter der wir Sie erreichen k&ouml;nnen!<br />");
		$('.telefon').css("background-color", "#eddfba");
	}
};