function ShowMap()
     {
     if (GBrowserIsCompatible()) {
     
      var gmarkers = [];
      var i = 0;

      var wtc_icon= new GIcon();
      wtc_icon.image = "/www/images/hotel-icon.gif";
      wtc_icon.shadow = "";
      wtc_icon.iconSize = new GSize(23, 16);
      wtc_icon.shadowSize = new GSize(31, 13);
      wtc_icon.iconAnchor = new GPoint(9, 34);
      wtc_icon.infoWindowAnchor = new GPoint(9, 2);
      wtc_icon.infoShadowAnchor = new GPoint(18, 25);
      wtc_icon.transparent = "";
      wtc_icon.printImage = "";
      wtc_icon.mozPrintImage = "";  
    
      var icons = wtc_icon;
      
      function createMarker(point,name,html,icontype) {
        var marker = new GMarker(point,icons);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        GEvent.addListener(marker, "mouseover", function() {
          marker.openInfoWindowHtml(html);
        });
 
        gmarkers.push(marker);
        // add a line to the side_bar html
        // side_bar_html += '<a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><br>';
        return marker;
      }
      
      function SetCenter(latitude, longitude, zoom)
      {
                var hotelregionid = parseInt($j("#hotelregionid").val());
                var map = new GMap2(document.getElementById("bestemming-kaart"), {size: new GSize(600, 600) } );
               
	            map.setUIToDefault();
	            
             
                map.addControl(new GMapTypeControl());
                map.setCenter(new GLatLng(parseFloat(latitude), parseFloat(longitude)), zoom);
                map.setMapType(G_NORMAL_MAP);
                GDownloadUrl(baseurl + "/wtc-hotelfeed.aspx?top=10&regionid="+hotelregionid, function(doc) 
                {
                    var xmlDoc = GXml.parse(doc);
                    var markers = xmlDoc.documentElement.getElementsByTagName("marker");
                  
                    for (var i = 0; i < markers.length; i++) {
                      
                      if(markers[i].getAttribute("lat").length > 0)
                      {
                          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 label = markers[i].getAttribute("label");
                 
                          var marker = createMarker(point,label,html);
                          map.addOverlay(marker);
                      }                    
                      
                    } 
                });  
      }
   
      
      function setLatLong()
      {
         var latitude = $j("#lat").val();
         var longitude = $j("#long").val();
         var zoomlvl = parseInt($j("#zoomlevel").val()) + 3;
         var destinationId = $j("#destinationId").val();
         
         if(latitude.length == 0)
         {
            var geocoder = new GClientGeocoder();
            geocoder.getLocations($j("#destinationsearch").val(), function(response) {
                if (response) {
                    var place = response.Placemark[0];
                    latitude = place.Point.coordinates[1];
                    longitude = place.Point.coordinates[0];

                    switch ($j("#destinationlevel").val()) {
                        case "1":
                            zoomlvl = 3;
                            break;
                        case "2":
                            zoomlvl = 5;
                            break;
                        case "3":
                            zoomlvl = 10;
                            break;
                        default:
                            zoomlvl = 5;
                            break;
                    }
                    //var point = new GLatLng(place.Point.coordinates[1],place.Point.coordinates[0]);
                    //map.setCenter(point, 9);

                    // lat long en zoomlevel, opslaan van in de database
                   
                    $j.ajax({
                      type: "POST",
                      url: "/Default.aspx",
                      data: "module=" + mi_gmaphandler + "&pagetype=ajax&action=latlong&latitude=" + latitude + "&longitude=" + longitude + "&zoomlevel=" + zoomlvl + "&destinationid=" + destinationId
                    });
                  
                 
                    SetCenter(latitude, longitude, zoomlvl);

                }
            });           
            
         }
         else
         {
            
            SetCenter(latitude, longitude, zoomlvl);
         }
      }
      
 
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }
 
      setLatLong();
     
   
     

     
    }
    else {
      alert("Sorry, de Google Maps API is niet compatible met deze browser");
    }
    
    }