/*******************************************************************************
 * Javascript für twGmap02MarkerUndInfo
 ******************************************************************************/
//http:maps.google.de/maps/place?cid=4733527962186007308&q=sv+dringenberg&cd=1&ei=fqxrTP6BOsX0OeHW2YoI&sig2=MxrPfUldAc4XotbSp_MWmA&sll=51.6759,9.05028&sspn=0.006295,0.006295&ie=UTF8&ll=51.679847,9.03971&spn=0,0&t=h&z=16&iwloc=A
var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "51.6759";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "9.05028";  // Längengrad (Longitude) z.B: 13.748
var zoom      = 16;         // 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)) {
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = 51.6759;
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = 9.05028;
				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 GSmallMapControl());
	// 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_HYBRID_MAP);
	
	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers(map);
}

function setTwMarkers(map) {
	var point  = new GPoint(9.05028, 51.6759);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";
	
	html += "<div class='twGmapInfo' style='position:relative'>";
	html += "  <img style='display:block;width:217px;height:95px;' src='thumbnail.php?im=uploads/IMG_3803_760785415303_full.jpg&maxsize=217' />";
	html += "  <h3>SV Dringenberg e.V.</h3>";
	html += "  <span>Zum Sportplatz 13<br/>33014 Bad Driburg<br/><br/>Telefon: 05259/930 154</span>";
	html += "</div>";
	
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});	
	map.addOverlay(marker);
	
	return map;
}