// JavaScript Document

function load() {
      	if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(50.63015, 10.301734), 5, G_HYBRID_MAP);
 
        GDownloadUrl("genxml.php", function(data) {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("marker");
          for (var i = 0; i < markers.length; i++) {
            var objekt = markers[i].getAttribute("objekt");
            var produkt = markers[i].getAttribute("produkt");
            var alt = markers[i].getAttribute("alt");
			var datei = markers[i].getAttribute("datei");
            var jahr = markers[i].getAttribute("jahr");
            var location = markers[i].getAttribute("location");
			var plz = markers[i].getAttribute("plz");
            var ort = markers[i].getAttribute("ort");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, objekt, produkt, alt, datei, jahr, location, plz, ort);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, objekt, produkt, alt, datei, jahr, location, plz, ort) {
      var marker = new GMarker(point);
      var html = "<div class='mapdiv'><img src='img/referenzen/" + datei + ".jpg' width='180' height='135' alt='" + datei + "' /><p><strong>Objekt</strong><br />" + objekt + "<br /><strong>Lieferung</strong><br />" + produkt + "<br /><strong>Fertigstellung</strong><br />" + jahr + "<br /><strong>Anschrift</strong><br />" + location + ", " + plz + " " + ort + "</p></div>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }