//<![CDATA[

    if (GBrowserIsCompatible()) {
      var gmarkers = [];
      var gicons = [];
	  var iconos =[];
	  var iconos2 = [];
      var i = 0;

      gicons["curiosite"] = new GIcon(G_DEFAULT_ICON,"photo.png");
	  gicons["curiosite"].iconSize = new GSize(32, 32);
	  gicons["curiosite"].shadow = "";
      gicons["info"] = new GIcon(G_DEFAULT_ICON,"info.png");
	  gicons["info"].iconSize = new GSize(32, 32);
	  gicons["info"].shadow = "";
      gicons["hotel"] = new GIcon(G_DEFAULT_ICON,"hotel.png");
	  gicons["hotel"].iconSize = new GSize(32, 32);
	  gicons["hotel"].shadow = "";
	  
	  iconos["curiosite"] = "photo.png";
      iconos["info"] = "info.png";
      iconos["hotel"] = "hotel.png";
	  
	  iconos2["curiosite"] = "photo2.png";
      iconos2["info"] = "info2.png";
      iconos2["hotel"] = "hotel2.png";

      // A function to create the marker and set up the event window
      function createMarker(point,name,html,category) {
        var marker = new GMarker(point,gicons[category]);
		var html = "<div id=\"popup\">" + html + "<\/div>";
		
        // Switch icon on marker mouseover and mouseout
        GEvent.addListener(marker, "mouseover", function() {
          marker.setImage(iconos2[marker.mycategory]);
        });
        GEvent.addListener(marker, "mouseout", function() {
          marker.setImage(iconos[marker.mycategory]);
        });

        // === Store the category and name info as a marker properties ===
        marker.mycategory = category;                                 
        marker.myname = name;
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        gmarkers.push(marker);
        return marker;
      }

      // == shows all markers of a particular category, and ensures the checkbox is checked ==
      function show(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].show();
          }
        }
        // == check the checkbox ==
        document.getElementById(category+"box").checked = true;
      }

      // == hides all markers of a particular category, and ensures the checkbox is cleared ==
      function hide(category) {
        for (var i=0; i<gmarkers.length; i++) {
          if (gmarkers[i].mycategory == category) {
            gmarkers[i].hide();
          }
        }
        // == clear the checkbox ==
        document.getElementById(category+"box").checked = false;
        // == close the info window, in case its open on a marker that we just hid
        map.closeInfoWindow();
      }

      // == a checkbox has been clicked ==
      function boxclick(box,category) {
        if (box.checked) {
          show(category);
        } else {
          hide(category);
        }
        // == rebuild the side bar
        makeSidebar();
      }

      function myclick(i) {
        GEvent.trigger(gmarkers[i],"click");
      }




      // == rebuilds the sidebar to match the markers currently displayed ==
      function makeSidebar() {
        var html = "<ul>";
        for (var i=0; i<gmarkers.length; i++) {
          if (!gmarkers[i].isHidden()) {
            html += '<li><a href="javascript:myclick(' + i + ')" onmouseover="gmarkers['+i+'].setImage(iconos2[gmarkers['+i+'].mycategory])" onmouseout="gmarkers['+i+'].setImage(iconos[gmarkers['+i+'].mycategory])">' + gmarkers[i].myname + '</a></li>';
          }
        }
		html += '</ul>';
        document.getElementById("side_bar").innerHTML = html;
      }


      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
	  map.addControl(new GOverviewMapControl(new GSize(150,120)));
      map.setCenter(new GLatLng(19.432454,-99.154648), 18);
	  map.setMapType(G_SATELLITE_MAP);

	
     // === Define the function thats going to process the text file ===
      process_it = function(doc) {
        // === split the document into lines ===
        lines = doc.split("\n");
        for (var i=0; i<lines.length; i++) {
          if (lines[i].length > 1) {
            // === split each line into parts separated by "|" and use the contents ===
            parts = lines[i].split("|");
            var lat = parseFloat(parts[3]);
            var lng = parseFloat(parts[4]);
            var address = parts[2];
            var name = parts[1];
			var category = parts[0];
			var html = "<b>"+name+"</b><p>"+address;
            var point = new GLatLng(lat,lng);
            // create the marker
            var marker = createMarker(point,name,html,category);
            map.addOverlay(marker);
          }
        }

        // == show or hide the categories initially ==
        show("curiosite");
        hide("info");
        hide("hotel");
	

        // == create the initial sidebar ==
        makeSidebar();
      }          
          
      GDownloadUrl("mexico.txt", process_it);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }
    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://econym.googlepages.com/index.htm

    //]]>