var marcadores = new Object();
var iconBlue = new GIcon(); 
    //iconBlue.image = 'http://labs.google.com/ridefinder/images/mm_20_blue.png';
iconBlue.image = '/v2009/img/h_icon_b.png';
iconBlue.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
//iconBlue.iconSize = new GSize(12, 20);
iconBlue.iconSize = new GSize(27, 27); //15-15 Hverde

iconBlue.shadowSize = new GSize(22, 20);
iconBlue.iconAnchor = new GPoint(6, 20);
iconBlue.infoWindowAnchor = new GPoint(5, 1);
markerOptions = { icon:iconBlue };

function click_marcador(nom_codigo) {
		$("#dialog").dialog('open');
        GEvent.trigger(marcadores[nom_codigo], "click");
}


var iconGreen = new GIcon(); 
    iconGreen.image = '/v2009/img/h_icon.png';
    iconGreen.shadow = 'http://labs.google.com/ridefinder/images/mm_20_shadow.png';
    iconGreen.iconSize = new GSize(27, 27);
    iconGreen.shadowSize = new GSize(22, 20);
    iconGreen.iconAnchor = new GPoint(6, 20);
    iconGreen.infoWindowAnchor = new GPoint(5, 1);

function load(genstring) {
  if (GBrowserIsCompatible()) {
	var map = new GMap2(document.getElementById("map"));
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
    map.addControl(new GScaleControl());


	GDownloadUrl('/v2009/include/genxml.php?'+genstring, function(data) {  
	  var centerset = false;
	  var xml = GXml.parse(data);
	  var hotel_stg = xml.documentElement.getElementsByTagName("hotel_stg");
	  for (var i = 0; i < hotel_stg.length; i++) {
		var name = hotel_stg[i].getAttribute("nombre");
		var address = hotel_stg[i].getAttribute("direccion");
		var descripcion = hotel_stg[i].getAttribute("descripcion");
		var imagen = hotel_stg[i].getAttribute("imagen");
		var rating = hotel_stg[i].getAttribute("estrellas_latin");
		var latit = parseFloat(hotel_stg[i].getAttribute("latitud"));
		var longit = parseFloat(hotel_stg[i].getAttribute("longitud"));
		var rating = hotel_stg[i].getAttribute("estrellas_latin");
		var urlpag = hotel_stg[i].getAttribute("urlpag");
		var nom_codigo = hotel_stg[i].getAttribute("nom_codigo");
		var objetivo = hotel_stg[i].getAttribute("objetivo");
		var precio = hotel_stg[i].getAttribute("precio");
		if(i < 5 && !centerset) {map.setCenter(new GLatLng(latit,longit), 15);}
		if(objetivo) {map.setCenter(new GLatLng(latit,longit), 15); centerset = true;}
		var point = new GLatLng(parseFloat(hotel_stg[i].getAttribute("latitud")),parseFloat(hotel_stg[i].getAttribute("longitud")));
		var marker = createMarker(point, name, address, descripcion, rating, urlpag, imagen, descripcion, objetivo, precio);
		map.addOverlay(marker);
		marcadores[nom_codigo] = marker;
	  }
  
	});
 	}
	
}


function createMarker(point, name, address, descripcion, rating, urlpag, image, description, objetivo, precio) {
  
  
	var content		= 	"<table width=200px style=\"font-family:verdana;\">"
						+"<tr><td align=center colspan=2 style=\"font-weight:bold;font-size:small;\">"+"<a style=\"color: #2B8DBE;\" href=\""+urlpag+"\" target=\"blank\" >"+name+"</a></td></tr>"
						+"<tr><td valign=top><img height=60 width=60 alt=\""+name+"\" src=\"http://latinhotels.com"+image+"\" /></td><td valign=top style=\"font-weight:normal;font-size:x-small;\"><table><tr><td>"+address+"</td></tr><tr><td><img alt=\"Rating\" src=\"/v2009/img/"+rating+"stars.png\"/></td></tr><tr><td>Desde USD$"+precio+"</td></tr></table></td></tr>"
						+"</table>";
	
  if(objetivo == true){var marker = new GMarker(point, iconGreen);marker.openInfoWindowHtml(content); }else{var marker = new GMarker(point, iconBlue); }
  GEvent.addListener(marker, 'click', function() {
	//var opts = {maxHeight:250}; 
	marker.setImage('/v2009/img/h_icon_o.png');
	marker.openInfoWindowHtml(content);
  });
  /*GEvent.addListener(marker, 'mouseout', function(){
	marker.setImage('/v2009/img/h_icon.png');
    marker.closeInfoWindow();
  });*/
  
  
  return marker;
}

    function toggleGroup(type) {
      for (var i = 0; i < markerGroups[type].length; i++) {
        var marker = markerGroups[type][i];
        if (marker.isHidden()) {
          marker.show();
        } else {
          marker.hide();
        }
      } 
    }

    function toggleLabels() {
      var showLabels = document.getElementById("labelsCheckbox").checked;
      for (groupName in markerGroups) {
        for (var i = 0; i < markerGroups[groupName].length; i++) {
          var marker = markerGroups[groupName][i];
          marker.setLabelVisibility(showLabels);
        }
      }
    }

if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();