//<![CDATA[

/* nur für twGmapInfoSidebar (siehe http://econym.googlepages.com/basic2.htm) */
var twSidebarHtml    = "";   // HTML-Code für eine anklickbare Sidebar
var twSidebarMarkers = [];   // Array für die Marker
var twSidebarCount   = 0;    // Zähler


function load() {
	var gmap01        = "twGmap01";
	var gmap01Sidebar = "twGmap01Sidebar";
	
	if (GBrowserIsCompatible()) {
		twMachGmap01(gmap01);		
		// nur für twSidebar
		/*
		if (!document.getElementById(gmap01Sidebar)) {
			alert("Fehler: das Element mit der id "+ gmap01Sidebar+ " konnte nicht auf dieser Webseite gefunden werden!");
			return false;
		}
		document.getElementById(gmap01Sidebar).innerHTML = twSidebarHtml;
		*/
	}
}



/**
 * Beispiel zum Abgucken
 * @param {Object} gmap
 */
function twMachGmap01(idGmap) {
	// prüfen, ob das Element mit dieser 'id' existiert
	if (!document.getElementById(idGmap)) {
		alert("Fehler: das Element mit der id "+ idGmap+ " konnte nicht auf dieser Webseite gefunden werden!");
		return false;
	}
	
	// die Map (für das div mit der id="map")
	var map = new GMap2(document.getElementById(idGmap));
	// mit Zoom
	map.addControl(new GLargeMapControl());
	// mit Auswahl (Karte/Satellit/Hybrid)
	map.addControl(new GMapTypeControl());
	// ((Breitengrad, Längengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MA/)
	map.setCenter(new GLatLng(51.119, 12.822), 5, G_NORMAL_MAP);
	        
	// Marker 01:
	var marker1 = twMachMarker01(51.119, 12.822);
	// Event-Listener für die Sprechblase (beim Klick auf den Marker)
	GEvent.addListener(marker1, "click", function() {marker1.openInfoWindowHtml(html1)});
	// die Sprechblase
	map.addOverlay(marker1);	
}

/* Marker ------------------------------------------------------------------- */

/**
 * Macht einen Marker.
 * (verdreht dabei lat und lon wegen besserer Benutzung ;-)
 * @param {Object} lon
 * @param {Object} lat
 */
function twMachMarker01(lon, lat) {
	var point = new GPoint(lat, lon);
	var marker = new GMarker(point);
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='twGmapInfoHead'>progtw</p>";
	html += "  <p class='twGmapInfoBild'>";
	html += "    <a href='http://www.flickr.com/photos/progtw/141876989/' ";
	html += "       title='Bild zur Großansicht einfach anklicken' ";
	html += "       onclick='return twPopup540x400(&#039;ssWebsiteProgtw-500breit.jpg&#039;);'>";
	html += "      <img src='ssWebsiteProgtw-160breit.jpg' ";
	html += "           width='160' height='120' alt='Bild bei flickr' />";
	html += "    </a>"
	html += "  </p>";
	html += "  <p class='twGmapInfoText'>";
	html += "    Programmierung Thomas Weise<br />";
	html += "    Heimatturmstraße 23<br />";
	html += "    04680 Zschadraß<br />";
	html += "  </p>";
	html += "  <p class='twGmapInfoText' style='font:bold 0.8em monospace terminal serif; margin:10px 220px 0 50px; border:2px dotted #ffbb60; background-color:#ffffff; text-align:center;'>";
	html += "    http://progtw.de<br />";
	html += "    web@progtw.de";
	html += "  </p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});
	
	// nur wenn 'twGmapSidebar' angezeigt werden soll
	twTempName = "Abfahrt";
	twSidebarMarkers[twSidebarCount] = marker;
	twSidebarHtml += '<a href="javascript:twGmapSidebarMyclick(' + twSidebarCount + ')">' + twTempName + '</a><br>';
	twSidebarCount ++;
	
	return marker;
}





function twPopup540x400(url) {
	var breite=540;
	var hoehe=400;
	var positionX=((screen.availWidth / 2) - breite / 2);
	var positionY=((screen.availHeight / 2) - hoehe / 2);
	
	pop=window.open(url,
	                '', 
									'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,fullscreen=0,width='+breite+',height='+hoehe+',top='+positionY+',left='+positionX);
	/*pop.resizeTo(breite,hoehe);*/
	/*pop.moveTo(positionX,positionY);*/
	/*pop.location=url;*/
	pop.focus();
	return false;
}

function twPopup(breite, hoehe, url) {
		var positionX=((screen.availWidth / 2) - breite / 2);
		var positionY=((screen.availHeight / 2) - hoehe / 2);
		
		pop=window.open(url,
		                '', 
										'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,fullscreen=0,width='+breite+',height='+hoehe+',top='+positionY+',left='+positionX);
		/*pop.resizeTo(breite,hoehe);*/
		/*pop.moveTo(positionX,positionY);*/
		/*pop.location=url;*/
		pop.focus();
		return false;
	}






// This function picks up the click and opens the corresponding info window
      function twGmapSidebarMyclick(i) {
        GEvent.trigger(twSidebarMarkers[i], "click");
      }

//]]>