var elementId = "twGmap";
var lat       = "51.05152421347303"; // Breitengrad (Latitude)
var lon       = "10.447998046875"; // Längengrad (Longitude)
var zoom      = 6; // einen Wert von 1 bis ca 17 (nicht in "" setzen)

function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		if (!document.getElementById(elementId)) {
			return false;
		} else {
			if (lat=="" || isNaN(lat)) {
				lat = 51.041;
			}
			if (lon=="" || isNaN(lon)) {
				lon = "13.748";
			}
			if (typeof zoom == "undefined") {
				zoom = 3;
			}
			machTwGmap(elementId, lat, lon, zoom);
		}
	}
}

function machTwGmap(id, lat, lon, zoom) {
	var map = new GMap2(document.getElementById(id));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	map.setCenter(new GLatLng(lat, lon), zoom, G_NORMAL_MAP);
	map = setTwMarkers(map);
}


function setTwMarkers(map) {
	var point  = new GPoint(7.121132, 51.351596);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";
	
	html += "<div class='twGmapInfo'>";
	html += "  <h5>L.A. Panthers</h5>";
	html += "  <p>42555 Velbert</p>";
	html += "  <p>www.la-panthers.de</p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
	
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});	
	map.addOverlay(marker);
	
	
	var point2  = new GPoint(7.0147614, 51.4580686);  //ACHTUNG: (lon, lat) also vertauscht
	var marker2 = new GMarker(point2);
	var html2   = "";
	
	html2 += "<div class='twGmapInfo'>";
	html2 += "  <h5>Essen Eagles</h5>";
	html2 += "  <p>45144 Essen</p>";
	html2 += "  <p>www.eagles-intercrosse.de</p>";
	html2 += "  <p class='twClear'>&nbsp;</p>";
	html2 += "</div>";
	
	GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml(html2)});	
	map.addOverlay(marker2);
	
	var point3  = new GPoint(8.5045443, 51.9852138);  //ACHTUNG: (lon, lat) also vertauscht
	var marker3 = new GMarker(point3);
	var html3   = "";
	
	html3 += "<div class='twGmapInfo'>";
	html3 += "  <h5>CVJM Brackwede</h5>";
	html3 += "  <p>33647 Bielefeld</p>";
	html3 += "  <p>www.CVJM-Brackwede.de</p>";
	html3 += "  <p class='twClear'>&nbsp;</p>";
	html3 += "</div>";
	
	GEvent.addListener(marker3, "click", function() {marker3.openInfoWindowHtml(html3)});	
	map.addOverlay(marker3);
	
	var point4  = new GPoint(7.95, 50.6497222);  //ACHTUNG: (lon, lat) also vertauscht
	var marker4 = new GMarker(point4);
	var html4   = "";
	
	html4 += "<div class='twGmapInfo'>";
	html4 += "  <h5>CVJM Bad Marienberg</h5>";
	html4 += "  <p>56470 Bad Marienberg</p>";
	html4 += "  <p>moritz.hollmann@gmx.de</p>";
	html4 += "  <p class='twClear'>&nbsp;</p>";
	html4 += "</div>";
	
	GEvent.addListener(marker4, "click", function() {marker4.openInfoWindowHtml(html4)});	
	map.addOverlay(marker4);
	
	var point5  = new GPoint(6.8152244, 51.301145);  //ACHTUNG: (lon, lat) also vertauscht
	var marker5 = new GMarker(point5);
	var html5   = "";
	
	html5 += "<div class='twGmapInfo'>";
	html5 += "  <h5>Bumble Bees</h5>";
	html5 += "  <p>40880 Ratingen West</p>";
	html5 += "  <p>Ratingen@intercrosse.de</p>";
	html5 += "  <p class='twClear'>&nbsp;</p>";
	html5 += "</div>";
	
	GEvent.addListener(marker5, "click", function() {marker5.openInfoWindowHtml(html5)});	
	map.addOverlay(marker5);

	
	return map;

}