/*******************************************************************************
 * Javascript für twGmap05Sidebar - Version04 - Anpassungen für Verwaltung
 ******************************************************************************/


var lat = "50.777007";
var lon = "6.093979";

/**
 * Erstellt alle Marker für die übergebene Google Map.
 * (Ruft intern für jeden Marker eine eigene Funktion auf)
 * @param {Object} map
 */
	
function setTwMarkers(map) {
	// Brand
	var marker02 = machTwMarker02();
	// Alsdorf
	var marker03 = machTwMarker03();
	// Würselen
	var marker04 = machTwMarker04();
	// Lixhe
	var marker05 = machTwMarker05();
	// Heinrichsallee
	var marker01 = machTwMarker01();
				
	map.addOverlay(marker02);
	map.addOverlay(marker03);
	map.addOverlay(marker04);
	map.addOverlay(marker05);
	map.addOverlay(marker01);
	
	return map;
}




/*******************************************************************************
 * Javascript für twGmap05 - Version04
 ******************************************************************************/

var gmapId = "twGmap";
var zoom = 14; 


/**
 * Prüft auf kompatiblen Browser und vorhandene Variablen und ruft die
 * Funktion auf, die die GoogleMap erstellt.
 */
function twGmapLoad() {
	if (GBrowserIsCompatible()) {
		// die Google Map (twGmap)
		if (!document.getElementById(gmapId)) {
			alert("Fehler: die Google Map mit der id "+ gmapId+ " 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(gmapId, 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)
	
	_mPreferMetric = true;
	map.addControl(new GScaleControl()); 
	// diese zwei Zeilen sind für den Maßstab

	map.addControl(new GSmallMapControl());
	// mit Typ-Auswahl (auch noch: GSmallMapControl, GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl)
	// map.addControl(new GOverviewMapControl());
	// diese Zeile erzeugt ein kleines Übersichtsfenster rechts unten

	// map.addControl(new GMapTypeControl());
	// Achtung - Satelitenbilder in gewerblicher Seite nicht legitim
	// ((Breitengrad, Längengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MAP)
	
	map.setCenter(new GLatLng(lat, lon), zoom, G_NORMAL_MAP);
	//http://code.google.com/intl/de/apis/maps/documentation/javascript/v2/controls.html
	//var customUI = map.getDefaultUI();
	//map.setUI(customUI);
	//map.removeMapType();
	
	// Marker setzen mit eigener Marker-Funktion
	
	map = setTwMarkers(map);

	var encodedPolyline = new GPolyline.fromEncoded({
    color: "#FF0000",
    weight: 6,
    points: "ik|tHkfed@OeC",
    levels: "BB",
    zoomFactor: 32,
    numLevels: 4
});
map.addOverlay(encodedPolyline);

}



function machTwMarker01() {
// für das Infofeld Marker 01

	var point  = new GPoint(6.093979, 50.777007);  //ACHTUNG: (lon, lat) also vertauscht
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'><a href='verwaltung.html' title='gabco Verwaltung'><font color='#009955'>Verwaltung der gabco Kompostierung GmbH</font></a></p>";
	html += "  <p class='text'>Heinrichsallee 41<br>D - 52062 Aachen<br>Tel:+49 (0) 241 - 4467630<br>Fax:+49 (0) 241 - 4467690<br><br>Breite und Länge: 50.777059,6.09444</p>";
	html += "  <p class='text'><a href='http://maps.google.com/maps?saddr= &daddr=50.777059,6.09444' target='_blank' title='Route anzeigen in GoogleMaps'><font color='#009955'>Route anzeigen in GoogleMaps</font></a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	return marker;
}
function machTwMarker02() {
	var point  = new GPoint(6.163502, 50.760973);  //ACHTUNG: (lon, lat) also vertauscht
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'><a href='brand.html' title='Kompostanlage & Recyclinghof Aachen-Brand'><font color='#009955'>Kompostanlage & Recyclinghof Aachen-Brand</font></a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	return marker;
}
function machTwMarker03() {
	var point  = new GPoint(6.228518, 50.851322);  //ACHTUNG: (lon, lat) also vertauscht
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'><a href='alsdorf.html' title='Kompostanlage Alsdorf-Warden ELC Warden'><font color='#009955'>Kompostanlage Alsdorf-Warden ELC Warden</font></a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	return marker;

}
function machTwMarker04() {
	var point  = new GPoint(6.141229, 50.834991);  //ACHTUNG: (lon, lat) also vertauscht
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'><a href='wuerselen.html' title='Kompostanlage Würselen'><font color='#009955'>Kompostanlage Würselen</font></a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	return marker;
}
function machTwMarker05() {
	var point  = new GPoint(5.674707, 50.770636);  //ACHTUNG: (lon, lat) also vertauscht
	var html   = "";
	html += "<div class='twGmapInfo'>";
	html += "  <p class='headline'><a href='lixhe.html' title='Centre de compostage de Lixhe'><font color='#009955'>Centre de compostage de Lixhe</font></a></p>";
	html += "  <p class='twClear'>&nbsp;</p>";
	html += "</div>";

	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html)});

	return marker;
}