var map;

  // Add popup to a marker
  function createMarker(marker, name, anchor, popup) {
    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<a href='localgroups.html#" + anchor + "'>" + name + "</a><br />Click to see more");
    });
    return marker;
  }

  function load() {
    if (GBrowserIsCompatible()) {
      map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      //map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      //map.addControl(new GOverviewMapControl());
      //map.setCenter(new GLatLng(31.8029, -99.4482), 5);
      map.setCenter(new GLatLng(31.4, -100.06), 5);
      map.enableDoubleClickZoom();
// Download the data in data.xml and load it on the map. The format we
// expect is:
// <markers>
//   <marker id="id99420" lat="29.79" lng="-98.73" name="BACH">
//     <descr>
//       <a href="http://www.bachboerne.org/">Boerne Area Christian Homeschoolers</a>
//         <br />Boerne
//     </descr>
//  </marker>
// </markers>
      GDownloadUrl("markers.xml", function(data) {
        var xml = GXml.parse(data);
        var markers = xml.documentElement.getElementsByTagName("marker");
        for (var i = 0; i < markers.length; i++) {
          var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                  parseFloat(markers[i].getAttribute("lng")));
          var name = markers[i].getAttribute("name");
          var anchor = markers[i].getAttribute("id");
          var marker = new GMarker(point, { title: name});
          var descr = markers[i].getElementsByTagName("descr");
          map.addOverlay(createMarker(marker, name, anchor, descr[0].childNodes[0].data));
      }
    });
   }
  }
  
  function newArea(lat, lng, level) {
    window.setTimeout(function() {
      map.panTo(new GLatLng(lat, lng));
    }, 0);
    //map.panTo(new GLatLng(lat, lng));
    map.setZoom(level);
  }