var background = [];
          background["pink"]  = "colour108.png";
          background["gold"]  = "colour086.png";
          background["white"] = "colour125.png";
      var overlay = [];
          overlay["A"] = "overlay2.png";
          overlay["B"] = "overlay3.png";
          overlay["C"] = "overlay4.png";
          
function createMarker(point,html,ba,ov) {
  var mylabel = {"url":overlay[ov], "anchor":new GLatLng(4,4), "size":new GSize(12,12)};
  var Icon = new GIcon(G_DEFAULT_ICON, background[ba], mylabel)

  var marker = new GMarker(point,Icon);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  return marker;
}


function gmap()
{
    if (GBrowserIsCompatible()) {
      document.getElementById('enablemap').style.display='none';
      document.getElementById('map').style.display='block';
    }
    setTimeout("gmap2()", 250);
//gmap2();
}


function gmap2()
{
    if (GBrowserIsCompatible()) {
      var n=0;

      var icon = new GIcon();
      icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
      icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
      icon.iconSize = new GSize(12, 20);
      icon.shadowSize = new GSize(22, 20);
      icon.iconAnchor = new GPoint(6, 20);
      icon.infoWindowAnchor = new GPoint(5, 1);      

      iconblue = new GIcon(icon,"http://labs.google.com/ridefinder/images/mm_20_blue.png"); 
      icongreen = new GIcon(icon,"http://labs.google.com/ridefinder/images/mm_20_green.png"); 
      iconyellow = new GIcon(icon,"http://labs.google.com/ridefinder/images/mm_20_yellow.png"); 


      // new strategy - read the XML first, THEN create the map

      // read the markers from the XML
      GDownloadUrl(gmapsrc, function (doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");

                  
        // Display the map, with some controls and set the initial location 

        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(50.08374381453049,14.423975944519043), 15, G_NORMAL_MAP);
        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
          var html = markers[i].getAttribute("html");
          var hotelid = markers[i].getAttribute("id");

          var point = new GLatLng(lat,lng);
          var marker = createMarker(point,html,icon)
          map.addOverlay(marker);
          if(hotelid == activeHotelId)
          {
//            map.openInfoWindow(map.getCenter(),
            marker.openInfoWindowHtml(html);       
          }
        }
        
        gmapsloaded = 1;

//        mm.refresh();
      });
    }

    else {
//      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}