/*******************************************************************************
 * Javascript für twGmap01einfach
 ******************************************************************************/

var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "52.02260663269074";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "14.144425392150879";  // Längengrad (Longitude) z.B: 13.748
var zoom      = 12;        // einen Wert von 1 bis ca 17 (nicht in "" setzen)


/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und ruft die
 * Funktion auf, die die GoogleMap erstellt.
 */
function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		if (!document.getElementById(elementId)) {
			alert("Fehler: das Element mit der id "+ elementId+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = 51.041;
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = "13.748";
				alert("Fehler: Der Längengrad(lon) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (typeof zoom == "undefined") {
				zoom = 3;
				alert("Fehler: Die Zoomstufe wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			machTwGmap(elementId, lat, lon, zoom);
		}
	}
}


/**
 * Erstellt die GoogleMap in dem <div>-Bereich mit der übergebenen id
 * @param {Object} id   -im div-Bereich mit dieser id wird die Map dargestellt
 * @param {Object} lat  -Breitengrad 
 * @param {Object} lon  -Längengrad
 * @param {Object} zoom -Zoomstufe 1 bis 17 (ganze Welt bis kleiner Ausschnitt)
 */
function machTwGmap(id, lat, lon, zoom) {
	// die Map (für das div mit der id="...")
	var map = new GMap2(document.getElementById(id));
	// mit Zoom (auch noch: GSmallMapControl, GLargeMapControl, GSmallZoomControl, GScaleControl)
	map.addControl(new GLargeMapControl()); 
	// mit Typ-Auswahl (auch noch: GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl)
	map.addControl(new GMapTypeControl());
	// ((Breitengrad, Längengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MAP)
	map.setCenter(new GLatLng(lat, lon), zoom, G_NORMAL_MAP);
	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers(map);
}

function setTwMarkers(map) {
	var point  = new GPoint(14.143717, 52.017423);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";

	html += "<div class='twGmapInfo'>";
	html += "  <strong>Ferienhof \"Alte Schmiede\"<br>Die Wellnessoase am Schwielochsee & Spreewald</strong><br>";
	html += "  <p>Guhlener Dorfstraße 28<br>";
	html += "	15913 Schwielochsee OT Guhlen<br>";
	html += "	Telefon: +49 (0) 35478 17775<br>";
	html += "	Telefax: +49 (0) 35478 17776<br></p>";
	html += "	<a href='http://www.ferienhof-alte-schmiede.de' target='_blank'>www.ferienhof-alte-schmiede.de</a></p>";
	html += '<div jstcache="0" class="card selected"><p><form action="http://maps.google.de/maps" jstcache="101" id="dirfrm" class="wizardpush" jsvalues=".action:_mUri" target="vp"><input jstcache="0" value="1" name="lsm" type="hidden"><input name="daddr" value="Guhlener Dorfstr. 28, 15913 Schwielochsee (Hotel &quot;Alte Schmiede&quot; - Die Wellnessoase am Schwielochsee &amp; Spreewald)" jstcache="102" jsvalues="value:$m.laddr;name:$to?\'daddr\':\'saddr\'" type="hidden"><input value="CfzizDRoAXLnFZK4GQMd7s_XACFEaIJZEw9Zqw" jstcache="103" name="geocode" jsvalues="value:(!$m.adr || $m.tsok || (!$m.ssislkg &amp;&amp; $m.lkglat))? $m.geocode : \'\'" type="hidden"><input value="" jstcache="104" name="dirflg" jsvalues="value:$m.dirflg?$m.dirflg:\'\'" type="hidden"></p><div jstcache="105" jscontent="$to?\'Startadresse\':\'Zieladresse\'" class="example">Routenplaner: Startadresse</div><div jstcache="0"><input value="" name="saddr" jstcache="106" id="iwdiraddr" jsvalues="name:$to?\'saddr\':\'daddr\';value:$dir||($m.adr?\'\':$df)" class="inptsmall" type="text"><div jstcache="0" class="sbmt"><input jstcache="0" value="Los!" type="submit" id="submit"></div></form>';
	html += "</div>";
	
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	map.addOverlay(marker);
	GEvent.trigger(marker,"click");
	return map;
}