// 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), 6, 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 kat = markers[i].getAttribute("kat");
            var firma = markers[i].getAttribute("firma");
			var location = markers[i].getAttribute("location");
			var plz = markers[i].getAttribute("plz");
            var ort = markers[i].getAttribute("ort");
			var website = markers[i].getAttribute("website");
            var email = markers[i].getAttribute("email");
			var datei = markers[i].getAttribute("datei");
            var seit = markers[i].getAttribute("seit");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, kat, firma, location, plz, ort, website, email, datei, seit);
            map.addOverlay(marker);
          }
        });
      }
    }
 
    function createMarker(point, kat, firma, location, plz, ort, website, email, datei, seit) {
      var marker = new GMarker(point);
      var html = "<div class='mapdiv'><div class='mapimg'><a href='" + website + "' target='_blank'><img src='../bilder/kunden/" + datei + "' alt='" + firma + "' /></a></div><div class='mapdata'><p><strong>" + firma + "</strong><br />" + location + "<br />" + plz + " " + ort + "</p><p><a href='" + website + "' target='_blank'>Website</a> | <a href='mailto:" + email + "'>E-Mail</a></p><p><strong>Kundenbeziehung:</strong> seit " + seit +"</p></div></div>";
      GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
      });
      return marker;
    }