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

var elementId = "Gmap";  // muss im html an ein <div> als id vergeben werden

//Bildmittelpunkt & Zoom Level
var lat       = "48.781861";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "8.900607";  // Längengrad (Longitude) z.B: 13.748
var zoom      = 15;         // einen Wert von 1 bis ca 17 (nicht in "" setzen)

//Koordinaten Remax Kunststofftechnik
var lat_remax       = "48.781861";  // Breitengrad (Latitude) z.B: 51.041
var lon_remax       = "8.900607";  // Längengrad (Longitude) z.B: 13.748

/**
 * 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} elementId   -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(elementId));
        // 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_NORMAL_MAP);

        // Marker setzen mit eigener Marker-Funktion
        map = setTwMarkers(map);
}


function setTwMarkers(map) {
        var point  = new GPoint(lon_remax, lat_remax);  //ACHTUNG: (lon, lat) also vertauscht
        var marker = new GMarker(point);
        var html   = "";


        html += "  <strong>Remax Kunststofftechnik</strong>";


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