//<![CDATA[
			   var map;
function createMarker(point, html) {
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  return marker;
}
function load(field, value) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(41.822421, -87.626490), 9);
var bounds = new GLatLngBounds();
// Download the data in data.xml and load it on the map. The format we
// expect is:
// <markers>
//   <marker lat="37.441" lng="-122.141"/>
//   <marker lat="37.322" lng="-121.213"/>
// </markers>
GDownloadUrl("http://www.cavalcadeofhomeschicago.com/map_xml.php?field="+field+"&value="+value, function(data, responseCode) {
  var xml = GXml.parse(data);
  var markers = xml.documentElement.getElementsByTagName("marker");
  var centroid_lat = 0;
  var centroid_lng = 0;
  for (var i = 0; i < markers.length; i++) {
    var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                            parseFloat(markers[i].getAttribute("lng")));
	centroid_lat += parseFloat(markers[i].getAttribute("lat"));
	centroid_lng += parseFloat(markers[i].getAttribute("lng"));
    //map.addOverlay(new GMarker(point));//createMarker(point, html)
	var html_out="<b>"+markers[i].getAttribute("development")+"</b><br />"+markers[i].getAttribute("html");
	map.addOverlay(createMarker(point, html_out));
	bounds.extend(new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng")))); 
  }
  if (i>0) {
  	centroid_lat = centroid_lat/i;
  	centroid_lng = centroid_lng/i;
  }
  var zoom = 0;
  if (i == 1) zoom=15;
  else zoom=9;
  if (centroid_lat!=0 && centroid_lng!=0) map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
  map.savePosition();
  //map.setCenter(new GLatLng(centroid_lat, centroid_lng), zoom);
});
map.enableContinuousZoom();
}
    //]]>