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

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


/**
 * 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_PHYSICAL_MAP);
	
	// Marker setzen mit eigener Marker-Funktion
	map = setTwMarkers(map);
}


function setTwMarkers(map) {
	var point  = new GPoint(12.4823243, 41.8954656);  //ACHTUNG: (lon, lat) also vertauscht
	var marker = new GMarker(point);
	var html   = "";	
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'>Rom</p>";
	html += "  <p class='text'>&raquo <a href=\"rom2008/index.html\">Reisebilderbuch Rom 2008</a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
	
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});	
	map.addOverlay(marker);
	
	
	
	
	var point2  = new GPoint(-0.1262362, 51.5001524);  //ACHTUNG: (lon, lat) also vertauscht
	var marker2 = new GMarker(point2);
	var html2   = "";	
	html2 += "<div class='twGmapInfo'>";
	html2 += "  <p class='headline'>London</p>";
	html2 += "  <p class='text'>&raquo <a href=\"london2008/index.html\">Reisebilderbuch London 2008</a></p>";
	html2 += "  <p class='twClear'> &nbsp;</p>";
	html2 += "</div>";
	
	GEvent.addListener(marker2, "click", function() {marker2.openInfoWindowHtml(html2)});	
	map.addOverlay(marker2);
	
	
	
	var point3  = new GPoint(16.3727778, 48.2092062);  //ACHTUNG: (lon, lat) also vertauscht
	var marker3 = new GMarker(point3);
	var html3   = "";	
	html3 += "<div class='twGmapInfo'>";
	html3 += "  <p class='headline'>Wien</p>";
	html3 += "  <p class='text'>&raquo <a href=\"wien2007/index.html\">Reisebilderbuch Wien 2007</a><br />&raquo <a href=\"wien2008/index.html\">Reisebilderbuch Wien 2008</a></p>";
	html3 += "  <p class='twClear'> &nbsp;</p>";
	html3 += "</div>";
	
	GEvent.addListener(marker3, "click", function() {marker3.openInfoWindowHtml(html3)});	
	map.addOverlay(marker3);
	



	var point4  = new GPoint(100.4762319, 13.7234186);  //ACHTUNG: (lon, lat) also vertauscht
	var marker4 = new GMarker(point4);
	var html4   = "";	
	html4 += "<div class='twGmapInfo'>";
	html4 += "  <p class='headline'>Thailand und Kambodscha</p>";
	html4 += "  <p class='text'>&raquo <a href=\"thailand-kambodscha2008/index.html\">Reisetagebuch Thailand und Kambodscha 2008</a></p>";
	html4 += "  <p class='twClear'> &nbsp;</p>";
	html4 += "</div>";
	
	GEvent.addListener(marker4, "click", function() {marker4.openInfoWindowHtml(html4)});	
	map.addOverlay(marker4);
	
	
	var point5  = new GPoint(116.3979471, 39.9081726);  //ACHTUNG: (lon, lat) also vertauscht
	var marker5 = new GMarker(point5);
	var html5   = "";	
	html5 += "<div class='twGmapInfo'>";
	html5 += "  <p class='headline'>China</p>";
	html5 += "  <p class='text'>&raquo <a href=\"china2007/index.html\">Reisetagebuch Volksrepublik China 2007</a></p>";
	html5 += "  <p class='twClear'> &nbsp;</p>";
	html5 += "</div>";
	
	GEvent.addListener(marker5, "click", function() {marker5.openInfoWindowHtml(html5)});	
	map.addOverlay(marker5);
	

	var point6  = new GPoint(2.4332, 6.3505);  //ACHTUNG: (lon, lat) also vertauscht
	var marker6 = new GMarker(point6);
	var html6   = "";	
	html6 += "<div class='twGmapInfo'>";
	html6 += "  <p class='headline'>Benin, Togo und Niger</p>";
	html6 += "  <p class='text'>&raquo <a href=\"westafrika2008/index.html\">Dossier Westafrika: Benin, Togo und Niger 2008</a></p>";
	html6 += "  <p class='twClear'> &nbsp;</p>";
	html6 += "</div>";
	
	GEvent.addListener(marker6, "click", function() {marker6.openInfoWindowHtml(html6)});	
	map.addOverlay(marker6);


	var point7  = new GPoint(174.776217, -41.28648);  //ACHTUNG: (lon, lat) also vertauscht
	var marker7 = new GMarker(point7);
	var html7   = "";	
	html7 += "<div class='twGmapInfo'>";
	html7 += "  <p class='headline'>Neuseeland</p>";
	html7 += "  <p class='text'>&raquo <a href=\"neuseeland2009/index.html\">Reisebilderbuch Neuseeland 2009</a></p>";
	html7 += "  <p class='twClear'> &nbsp;</p>";
	html7 += "</div>";
	
	GEvent.addListener(marker7, "click", function() {marker7.openInfoWindowHtml(html7)});	
	map.addOverlay(marker7);	
	
	


	var point8  = new GPoint(-21.884766, 64.139369);  //ACHTUNG: (lon, lat) also vertauscht
	var marker8 = new GMarker(point8);
	var html8   = "";	
	html8 += "<div class='twGmapInfo'>";
	html8 += "  <p class='headline'>Reykjavík</p>";
	html8 += "  <p class='text'>&raquo <a href=\"island2009/index.html\">Reisebilderbuch Reykjavík 2009</a></p>";
	html8 += "  <p class='twClear'> &nbsp;</p>";
	html8 += "</div>";
	
	GEvent.addListener(marker8, "click", function() {marker8.openInfoWindowHtml(html8)});	
	map.addOverlay(marker8);	
	


	var point9  = new GPoint(19.04075, 47.498406);  //ACHTUNG: (lon, lat) also vertauscht
	var marker9 = new GMarker(point9);
	var html9   = "";	
	html9 += "<div class='twGmapInfo'>";
	html9 += "  <p class='headline'>Budapest</p>";
	html9 += "  <p class='text'>&raquo <a href=\"budapest2009/index.html\">Reisebilderbuch Budapest 2009</a></p>";
	html9 += "  <p class='twClear'> &nbsp;</p>";
	html9 += "</div>";
	
	GEvent.addListener(marker9, "click", function() {marker9.openInfoWindowHtml(html9)});	
	map.addOverlay(marker9);
	
	
	var point10  = new GPoint(80.249634, 13.060416);  //ACHTUNG: (lon, lat) also vertauscht
	var marker10 = new GMarker(point10);
	var html10   = "";	
	html10 += "<div class='twGmapInfo'>";
	html10 += "  <p class='headline'>Indien</p>";
	html10 += "  <p class='text'>&raquo <a href=\"indien2010/index.html\">Reisetagebuch Indien 2010</a></p>";
	html10 += "  <p class='twClear'> &nbsp;</p>";
	html10 += "</div>";
	
	GEvent.addListener(marker10, "click", function() {marker10.openInfoWindowHtml(html10)});	
	map.addOverlay(marker10);	
	
	
	var point11  = new GPoint(126.978159, 37.566528);  //ACHTUNG: (lon, lat) also vertauscht
	var marker11 = new GMarker(point11);
	var html11   = "";	
	html11 += "<div class='twGmapInfo'>";
	html11 += "  <p class='headline'>Seoul</p>";
	html11 += "  <p class='text'>&raquo <a href=\"seoul2009/index.html\">Reisetagebuch Seoul 2009</a></p>";
	html11 += "  <p class='twClear'> &nbsp;</p>";
	html11 += "</div>";
	
	GEvent.addListener(marker11, "click", function() {marker11.openInfoWindowHtml(html11)});	
	map.addOverlay(marker11);	
	
	
	var point12  = new GPoint(10.512543, 56.283772);  //ACHTUNG: (lon, lat) also vertauscht
	var marker12 = new GMarker(point12);
	var html12   = "";	
	html12 += "<div class='twGmapInfo'>";
	html12 += "  <p class='headline'>Dänemark</p>";
	html12 += "  <p class='text'>&raquo <a href=\"daenemark2010/index.html\">D&auml;nemark 2010</a></p>";
	html12 += "  <p class='twClear'> &nbsp;</p>";
	html12 += "</div>";
	
	GEvent.addListener(marker12, "click", function() {marker12.openInfoWindowHtml(html12)});	
	map.addOverlay(marker12);		
	
	
	var point13  = new GPoint(28.97696, 41.00527);  //ACHTUNG: (lon, lat) also vertauscht
	var marker13 = new GMarker(point13);
	var html13   = "";	
	html13 += "<div class='twGmapInfo'>";
	html13 += "  <p class='headline'>Istanbul</p>";
	html13 += "  <p class='text'>&raquo Bald: Reisebilderbuch Istanbul 2010</p>";
	html13 += "  <p class='twClear'> &nbsp;</p>";
	html13 += "</div>";
	
	GEvent.addListener(marker13, "click", function() {marker13.openInfoWindowHtml(html13)});	
	map.addOverlay(marker13);	
	
	var point14  = new GPoint(14.4205, 50.087823);  //ACHTUNG: (lon, lat) also vertauscht
	var marker14 = new GMarker(point14);
	var html14   = "";	
	html14 += "<div class='twGmapInfo'>";
	html14 += "  <p class='headline'>Prag</p>";
	html14 += "  <p class='text'>&raquo Bald: Reisebilderbuch Prag 2010</p>";
	html14 += "  <p class='twClear'> &nbsp;</p>";
	html14 += "</div>";	

	GEvent.addListener(marker14, "click", function() {marker14.openInfoWindowHtml(html14)});	
	map.addOverlay(marker14);		
										
	return map;
}