// JavaScript Document

  var iconBlue = new GIcon(); 
    iconBlue.image = 'http://www.compartetufortuna.com/images/tooltip_guide.png';
    iconBlue.shadow = 'http://www.compartetufortuna.com/images/tooltip_guide.png';
    iconBlue.iconSize = new GSize(20, 20);
    iconBlue.shadowSize = new GSize(22, 20);
    iconBlue.iconAnchor = new GPoint(6, 20);
    iconBlue.infoWindowAnchor = new GPoint(5, 1);

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

    var customIcons = [];
    customIcons["restaurant"] = iconBlue;
    customIcons["bar"] = iconRed;
    var markerGroups = { "restaurant": [], "bar": []};


    function load() {
		
	
		
	  if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(28.176865,-16.243744), 8);
		map.setUIToDefault();
		
 	    var icon = new GIcon(G_DEFAULT_ICON);
		icon.image = "http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png";
		
		map.addControl(new GOverviewMapControl()); 

        GDownloadUrl("geolocalizacion.php", function(data) {
		 
		 var xml 	 = GXml.parse(data);
         var markers = xml.documentElement.getElementsByTagName("marker");
		 var markersgroup = [];
		 
		 for (var i = 0; i < markers.length; i++) {
			 
			var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
			
			
            var marker = createMarker(point, name, address, type);
			markersgroup.push(marker);
          }
		  var markerCluster = new MarkerClusterer(map, markersgroup);
        });
      }
    }

    function createMarker(point, name, address, type) {
     var msg;
	 var marker = new GMarker(point, customIcons[type]);
      markerGroups[type].push(marker);
			
	  
      var html = name;
	  
      GEvent.addListener(marker, 'click', function() {
        
		var MSJ = '<div class="multiple_opciones">'+multiples+'</div>';
		
		$.ajax({
					type   : "POST",
					url    : "ajax.php",
					data   : "act=show_post&id="+html,
					success: function(msg){
							var informacion = msg.split('<:::::>');
							var opc;
							if (informacion[1]==2){
								opc = {
										   maxContent : informacion[0]
								}
									       marker.openInfoWindowHtml(MSJ,opc);
							 }else
								marker.openInfoWindowHtml(informacion[0],opc);
							}
				})
	  
		
		
      });
      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 _find(keyword , poblacion , tipo ){
		
		var numero = 3;
		
		if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(28.176865,-16.243744), 8);
		map.setUIToDefault();
		
 	    var icon = new GIcon(G_DEFAULT_ICON);
		icon.image = "http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png";
		
		map.addControl(new GOverviewMapControl()); 

        GDownloadUrl("geolocalizacion.php?keyword="+keyword+"&poblacion="+poblacion+"&tipo="+tipo, function(data) {
		 
		 var xml 	 = GXml.parse(data);
         var markers = xml.documentElement.getElementsByTagName("marker");
		 var markersgroup = [];
		 
		 for (var i = 0; i < markers.length; i++) {
			 
			var name = markers[i].getAttribute("name");
            var address = markers[i].getAttribute("address");
            var type = markers[i].getAttribute("type");
            var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
			
			
            var marker = createMarker(point, name, address, type);
			markersgroup.push(marker);
          }
		  var markerCluster = new MarkerClusterer(map, markersgroup);
        });
      }
	}