// JavaScript Document

/*******************************************************************************
 * Javascript für twGmap01einfach
 ******************************************************************************/

var elementId = "twGmap";  // muss im html an ein <div> als id vergeben werden
var lat       = "51.173978886661345";  // Breitengrad (Latitude) z.B: 51.041
var lon       = "14.461492002010345";  // L&auml;ngengrad (Longitude) z.B: 13.748
var zoom      = 14;        // einen Wert von 1 bis ca 17 (nicht in "" setzen)

/**
 * Pr&uuml;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.173978886661345;
                                alert("Fehler: Der Breitengrad(lat) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
                        }
                        if (lon=="" || isNaN(lon)) {
                                lon = "14.461492002010345";
                                alert("Fehler: Der L&auml;ngengrad(lon) wurde im Skript nicht korrekt eingetragen!\nEin Defaultwert wird deshalb benutzt!");
                        }
                        if (typeof zoom == "undefined") {
                                zoom = 10;
                                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 &uuml;bergebenen id
 * @param {Object} id   -im div-Bereich mit dieser id wird die Map dargestellt
 * @param {Object} lat  -Breitengrad
 * @param {Object} lon  -L&auml;ngengrad
 * @param {Object} zoom -Zoomstufe 1 bis 17 (ganze Welt bis kleiner Ausschnitt)
 */
function machTwGmap(id, lat, lon, zoom) {
        // die Map (f&uuml;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&auml;ngengrad), Zoomstufe, G_NORMAL_MAP/G_SATELLITE_MAP/G_HYBRID_MAP)
        map.setCenter(new GLatLng(lat, lon), zoom);
        // Marker setzen mit eigener Marker-Funktion
        map = setTwMarkers(map);
}



function setTwMarkers(map) {
        var point  = new GLatLng(51.173978886661345, 14.461492002010345);  //ACHTUNG: (lat, long,)
        var marker = new GMarker(point);
        var html   = "";

        html += "<div class='twGmapInfo'>";
        html += "  <p class='headline'>Physiotherapie Kobalz  </p>";
/** html += "  <p class='img'>";
        html += "    <a href='http://www.flickr.com/photos/progtw/141876989/' ";
        html += "       title='Bild zur Gro&szlig;ansicht einfach anklicken' ";
        html += "       onclick='return twPopup540x400(&#039;http://farm4.static.flickr.com/3071/2451950042_483f03020f.jpg?v=0&#039;);'>";
        html += "      <img src='../img/bimDynamo.jpg' ";
        html += "           width='160' height='120' alt='Bild bei flickr' />";
        html += "    </a>"
        html += "  </p>";
*/
  html += "  <p class='text'><br>Zur Aue 1 <br>02681 Bautzen</p>";
        html += "";
        html += "</div>";


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

        return map;
}