//<![CDATA[

	var centerLatitude = 50.940799;
         var centerLongitude = 6.959538;
         var startZoom = 12;

	    var IconWebcam = new GIcon();
       	    var IconWetterStation = new GIcon();


    IconWetterStation.image = 'http://www.boogie-online.de/paulchen/stadionkarte/wetter40x40_a.png';
    IconWetterStation.iconSize = new GSize(17, 53);
    IconWetterStation.iconAnchor = new GPoint(10,0);
    IconWetterStation.infoWindowAnchor = new GPoint(1, 1);

    IconWebcam.image = 'http://www.webcam-in-koeln.de/images/kamera_icon.png';
    IconWebcam.iconSize = new GSize(15, 12);
    IconWebcam.iconAnchor = new GPoint(10,10);
    IconWebcam.infoWindowAnchor = new GPoint(1, 1);

    var customIcons = [];

    customIcons["webcam"] = IconWebcam;

    customIcons["wetterstation"] = IconWetterStation;

    function load() {
      if (GBrowserIsCompatible())
      {
        var map = new GMap2(document.getElementById("webcammap"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(centerLatitude,centerLongitude), startZoom);


        GDownloadUrl("../map/webcams-xml.php", function(data)
        {
          var xml = GXml.parse(data);
          var markers = xml.documentElement.getElementsByTagName("webcam");
          for (var i = 0; i < markers.length; i++) {
            var name = markers[i].getAttribute("name");
            var homepage = markers[i].getAttribute("url");
            var breite = markers[i].getAttribute("lat");
            var laenge = markers[i].getAttribute("lng");
            var aktiv = markers[i].getAttribute("status");
            var point = new GLatLng(parseFloat(breite),parseFloat(laenge));
	var marker = createMarker(point, name, homepage, breite, laenge, aktiv);
            map.addOverlay(marker);
          }
	var wetterstationen = xml.documentElement.getElementsByTagName("station");
          for (var j = 0; j < wetterstationen.length; j++) {
	   var stationsname = wetterstationen[j].getAttribute("name");
	   var metar = wetterstationen[j].getAttribute("metar");
        	   var hoehe = wetterstationen[j].getAttribute("hoehe");
	   var wmopoint =new GLatLng(parseFloat(wetterstationen[j].getAttribute("lat")),
                                    parseFloat(wetterstationen[j].getAttribute("lng")));
	   var wmomarker = createWMOMarker(wmopoint, stationsname, hoehe, metar);
             map.addOverlay(wmomarker);
          }


        });
      }
    }

function createMarker(point, name, homepage, breite, laenge, aktiv) {
   var marker = new GMarker(point, customIcons["webcam"]);
   var windowname = 'externer_link';
   var html = '<a href="#" onclick="window.open(\''+homepage+'\', \''+windowname+'\');">'+name+'</a>';

  GEvent.addListener(marker, 'click', function() {
    marker.openInfoWindowHtml(html);
  });
  return marker;
}

function createWMOMarker(wmopoint, stationsname, hoehe, metar) {
  var wmomarker = new GMarker(wmopoint, customIcons["wetterstation"]);
  var html = 'Aktuelle Wetterbedingungen ' + stationsname + '<br /><iframe src="http://www.christian-neuhaus.net/gds/data/' + metar + '.TXT" height="240" width="500">';
  GEvent.addListener(wmomarker, 'click', function() {
    wmomarker.openInfoWindowHtml(html);
  });
  return wmomarker;
}

window.onload = load;
window.onunload = GUnload;

//]]>