var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "49.109557";  // Breitengrad (Latitude)
var lon       = "9.736547";  // Längengrad (Longitude)
var zoom      = 12;        // einen Wert von 1 bis ca 17


/**
 * 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 = 49.10254;
				alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
			}
			if (lon=="" || isNaN(lon)) {
				lon = "9.69563";
				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 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 für freie Fahrzeuge
	map = setTwMarkers(map);
}

//ausblenden 
//follow me7

function setTwMarkers(map) {
	var point07 = new GPoint(9.69563, 49.10254);
	var wagen07 = new GMarker(point07);
	var html7   = "mx7";
	html7 += "<div class='twGmapInfo'>";
	html7 += "  <p class='img'>";
	html7 += "      <img src='../files/i-maexx.jpg' ";
	html7 += "           width='75' height='50' alt='Fahrzeug' />";
	html7 += "    </a>"
	html7 += "  <p class='headline'>Servicefahrzeug 7</p>";
	// html += "  </p>";
	html7 += "  <p class='text'>Herr Kolomnikov<br>0172-0test000</p>";
	html7 += "  <p class='twClear'>&nbsp;</p>";
	html7 += "</div>";
map.addOverlay(wagen07);
GEvent.addListener(wagen07, "click", function()
 {wagen07.openInfoWindowHtml(html7)});

//follow me2

	var point02 = new GPoint(9.73243, 49.11182);
	var wagen02 = new GMarker(point02);
	var html2   = "mx2";
	html2 += "<div class='twGmapInfo'>";
	html2 += "  <p class='img'>";
	html2 += "      <img src='../files/gmap/fahrerbild.jpg' ";
	html2 += "           width='75' height='50' alt='Fahrzeug' />";
	html2 += "    </a>"
	html2 += "  <p class='headline'>Servicefahrzeug 2</p>";
	// html += "  </p>";
	html2 += "  <p class='text'>Herr Scholze<br>0172-0test000</p>";
	html2 += "  <p class='twClear'>&nbsp;</p>";
	html2 += "</div>";
map.addOverlay(wagen02);
GEvent.addListener(wagen02, "click", function()
 {wagen02.openInfoWindowHtml(html2)});
	
//follow me5

	var point05 = new GPoint(9.78767, 49.111256);
	var wagen05 = new GMarker(point05);
	var html5   = "mx5";
	html5 += "<div class='twGmapInfo'>";
	html5 += "  <p class='img'>";
	html5 += "      <img src='../files/i-maexx.jpg' ";
	html5 += "           width='75' height='50' alt='Fahrzeug' />";
	html5 += "    </a>"
	html5 += "  <p class='headline'>Servicefahrzeug 5</p>";
	// html += "  </p>";
	html5 += "  <p class='text'>Herr Frikel<br>0172-0test000</p>";
	html5 += "  <p class='twClear'>&nbsp;</p>";
	html5 += "</div>";
map.addOverlay(wagen05);
GEvent.addListener(wagen05, "click", function()
 {wagen05.openInfoWindowHtml(html5)});

//follow me4

var point04 = new GPoint(9.719896, 49.122759);
	var wagen04 = new GMarker(point04);
	var html4   = "mx4";
	html4 += "<div class='twGmapInfo'>";
	html4 += "  <p class='img'>";
	html4 += "      <img src='../files/i-maexx.jpg' ";
	html4 += "           width='75' height='50' alt='Fahrzeug' />";
	html4 += "    </a>"
	html4 += "  <p class='headline'>Servicefahrzeug 4</p>";
	// html += "  </p>";
	html4 += "  <p class='text'>Frau Heinke<br>0172-0test000</p>";
	html4 += "  <p class='twClear'>&nbsp;</p>";
	html4 += "</div>";
map.addOverlay(wagen04)
GEvent.addListener(wagen04, "click", function()
 {wagen04.openInfoWindowHtml(html4)});

//follow me1
//follow me3
//follow me6

	return map;
}