//<![CDATA[

    if (GBrowserIsCompatible()) {
      
      // this variable will collect the html which will eventually be placed in the side_bar
      var side_bar_html = "";
    
      // arrays to hold copies of the markers and html used by the side_bar
      // because the function closure trick doesnt work there
      var gmarkers = [];

      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        // use a custom icon with letter A - Z
        var letter = String.fromCharCode("A".charCodeAt(0) + (gmarkers.length));
        var myIcon = new GIcon(G_DEFAULT_ICON, "http://www.google.com/mapfiles/marker" + letter + ".png");
        myIcon.printImage = "http://maps.google.com/mapfiles/marker"+letter+"ie.gif"
        myIcon.mozPrintImage = "http://maps.google.com/mapfiles/marker"+letter+"ff.gif"
 
        var marker = new GMarker(point, {icon:myIcon});
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers.push(marker)
        // add a line to the side_bar html
        side_bar_html += '<b>'+letter+'</b> <a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '</a><br>';
        return marker;
      }

      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
	  
	  var default_point = new GLatLng(52.380570,4.637647);

      // create the map
      var map = new GMap2(document.getElementById("map"));
	  map.addControl(new GSmallMapControl()); 
      map.addControl(new GMapTypeControl());
	  map.setCenter(default_point,14);

      // add the points 
	  var point1 = default_point;
      var marker = createMarker(point1,"Hotel","<strong>Ambassador City Centre Hotel</strong><br>Oude Groenmarkt 20–24<br>2011 HL Haarlem<br><a href = 'http://maps.google.nl/maps?f=q&hl=nl&geocode=&q=Ambassador+City+Centre+Hotel&sll=52.469397,5.509644&sspn=4.893027,9.84375&ie=UTF8&z=13&iwloc=A' target='_blank'>Routebeschrijving</a>")
      map.addOverlay(marker);
	  GEvent.trigger(marker,  "click");

	  var point = new GLatLng(52.377368,4.636896);
      var marker = createMarker(point,"Parkeergarage de Kamp","Parkeergarage de Kamp")
      map.addOverlay(marker);

	  var point = new GLatLng(52.380498,4.639567);
      var marker = createMarker(point,"Parkeergarage de Appelaar","Parkeergarage de Appelaar")
      map.addOverlay(marker);  

      // put the assembled side_bar_html contents into the side_bar div
      document.getElementById("side_bar").innerHTML = side_bar_html;

    }

    else {
      alert("Sorry, Google Maps is helaas niet geschkit betreffende uw browser");
    }