/*******************************************************************************
 * Javascript für twGmap02MarkerUndInfo
 ******************************************************************************/

var elementId = "Gmap";      // Anzeigebereich
var lat1      = "52.076000"; // Breitengrad (Latitude) Ahaus
var lon1      = "7.01198";   // Längengrad (Longitude) Ahaus
var lat2      = "52.089527"; // Breitengrad (Latitude) Rtg. Daume
var lon2      = "7.02198";   // Längengrad (Longitude) Rtg. Daume
var lat3      = "52.0884"; // Breitengrad (Latitude) Daume
var lon3      = "7.0358";  // Längengrad (Longitude) Daume
var zoom      = 13;          // Wert von 1 bis 17

/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und 
 * erstellt die GoogleMap in dem <div>-Bereich mit der übergebenen id
 */
function GmapLoad() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById(elementId));
		// mit Zoom (GSmallMapControl, GLargeMapControl, GSmallZoomControl, GScaleControl)
		map.addControl(new GSmallMapControl());
		// 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(lat1, lon1), zoom, G_NORMAL_MAP);
		// Marker setzen mit eigener Marker-Funktion
		map = setTwMarkers(map);
		// bewegt Anzeigebereich zu Punkt 2 nach x millisek
		window.setTimeout(function() {
			map.panTo(new GLatLng(lat2, lon2));
			}, 2000);
		}
	}


function setTwMarkers(map) {
	var point  = new GPoint(lon3, lat3); // ACHTUNG: lon + lat vertauscht
	var marker = new GMarker(point);
	/*var html   = "<img src='http://localhost/daume/images/logo.gif' alt='' width='180' height='92' />";
	html += "<div class='GmapInfo'>";
	html += "  <p class='headline'>Google Map mit Marker und Infofenster</p>";
	html += "  <p class='img'>";
	html += "    <a href='http://www.flickr.com/photos/progtw/141876989/' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400(&#039;http://farm4.static.flickr.com/3071/2451950042_483f03020f.jpg?v=0&#039;);'>";
	html += "      <img src='../img/bimDynamo.jpg' ";
	html += "           width='160' height='120' alt='Bild bei flickr' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='text'>Das ist ein Infofenster. Es wurde im Javascript für die Google Maps erstellt.</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});	*/
	map.addOverlay(marker);
	return map;
}