function load( ){
  
  try{
    
    if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));

      map.enableDoubleClickZoom();
      map.enableContinuousZoom();
      map.enableDoubleClickZoom();
      map.enableScrollWheelZoom();
      map.setUIToDefault();
      
      var x = parseFloat($('div.geo .latitude:first').text());
      var y = parseFloat($('div.geo .longitude:first').text() );
      var markerWindowHtml = $('#marker-content').html();
      
      var supplierIcon = new GIcon();
      supplierIcon.image = "/images/marker-active.png";
      supplierIcon.shadow = "/images/marker-inactive.png";
      supplierIcon.iconAnchor = new GPoint(9, 34);
      supplierIcon.infoWindowAnchor = new GPoint(9, 2);
      markerOptions = { icon:supplierIcon };
    
      var iconOther = new GIcon();
      iconOther.image = "/images/marker-inactive.png";
      iconOther.shadow = "/images/marker-shadow.png";
      iconOther.iconAnchor = new GPoint(9, 34);
      iconOther.infoWindowAnchor = new GPoint(9, 2);
      
      var point = new GLatLng(x, y);
      map.setCenter(point, 15);
      
      var marker = new GMarker(point, markerOptions);
      
      if( markerWindowHtml != '' ){
        GEvent.addListener(marker, "click", function() {
          var message = markerWindowHtml;
          map.openInfoWindowHtml(point, markerWindowHtml);
        });
      }
      
      map.addOverlay(marker);
      
      $('#map-static').remove();
      
      var west = map.getBounds().getSouthWest();
      var east = map.getBounds().getNorthEast();
      
      $.ajax(
          {
            url: "/webservice.php/map/getMarkersBounds?point1="+west.toUrlValue()+"&point2="+east.toUrlValue(),
            dataType:"json",
            cache: false,
            async: false,
            error: function(xhr,err,e){
              alert( err );
              //$('#loading').hide();
            },
            complete: function( ){
              //$('#loading').hide();
            },
            success: function( result ){
              
              $.each(result, function(i,hotel){
              
                try{
                  
                  if( point.lat() != hotel.lat && point.lng() != hotel.lng ){
                    
                    var npoint = new GLatLng( hotel.lat, hotel.lon );
                    var nmarker = new GMarker(npoint, { icon:iconOther, title:hotel.name } );
                    GEvent.addListener(nmarker, "click", function() {
                      
                      var html;
                      html = "<div class=hotelbox><div class=top><strong><a href='/" +hotel.url +"'>"+hotel.name+"</a></strong> <span title='Categoria' class='"+hotel.stars+"'>&nbsp;</span></div>";
                      html = html + "<div class='reserva'><div class='bt_facareserva'><a href='/" +hotel.url +"'>Acessar</a></div></div>";
                      html = html + "</div>";
                      
                      map.openInfoWindowHtml(npoint, html);
                    });
                    map.addOverlay(nmarker);
                    
                  }
                  
                }catch( e ){
                 //$('#loading').hide();
                }
                
              });
          
            }
          });
          // fim dos marcadores próximos
          
          
    }
  }catch( e ){
  }
}


$(document).ready(function(){
  load();
});
