/*******************************************************************************
 * Javascript für twGmap04Controls
 ******************************************************************************/

var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "47.3172678081";  // Breitengrad (Latitude) z.B: 47.3172678081
var lon       = "11.0886264288";  // Längengrad (Longitude) z.B: 11.0886264288
var zoom      = 18;        // 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);
		}
	}
}

function setTwMarkers(map) {

  var marker01 = machTwMarker01();
  map.addOverlay(marker01);

  // (map, bild, bildgröße, Größe innere Area im Bild, links-oben innere Area, ankerpunkt-marker, [true-nicht wegklickbar])
  twGmapInfofenster01 = new EBubble(map, "http://www.broz.net/christoph/blase.png", new GSize(400,400), new GSize(340,270), new GPoint(30,30), new GPoint(120,356));
 
  return map;
}

function machTwMarker01() {
  var point = new GPoint ( 11.0886264288, 47.3172678081 );  //( lat, lon ); // (13.748, 51.041);
  var marker = new GMarker(point);
  var html = '';
  //html += '&lt;div class="twGmapInfo"&gt;';
  //html += ' &lt;p class="headline"&gt;Unterbirkenberg 35B, 6410 Telfs&lt;/p&gt;';
  //html += ' &lt;p class="text"&gt;Das neue zuhause von Beate, Raphael, Julian, Manuel und Christoph!&lt;/p&gt;';
  //html += '&lt;/div&gt;';
  html += '';
  html += '<b>Unterbirkenberg 35B, 6410 Telfs</b><br>';
  html += 'Das neue zuhause von Beate, Raphael, Julian, Manuel und Christoph!<br>';
  html += 'Kommt uns doch mal besuchen, wir freuen uns auf Euch!<br>';
  html += '';
 
  // hier das eigene Infofenster öffnen (anstatt das 'normale' von google)
  GEvent.addListener(marker, "click", function() {twGmapInfofenster01.openOnMarker(marker, html);});
 
  return marker;
}

/**
 * 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());
	_mPreferMetric = true;
	map.addControl(new GScaleControl()); 
	// mit Typ-Auswahl (auch noch: GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl)
	map.addControl(new GOverviewMapControl());
	// ((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);
}