//<![CDATA[
	
	var map;
   	var gmarkers = [];
   	var htmls = [];
	var side_bar_html = "";
	var i = 0;
	
    function load(theQs) {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        
		map.setCenter(new GLatLng(33.708374, -117.84793), 8);
		//map.setCenter(new GLatLng(0,0),0);
		
		// A function to create the marker and set up the event window
      	function createMarker(point,name,html) {
	        //var ZoomLevel = 6
			//map.setCenter(point, ZoomLevel);
			
			var marker = new GMarker(point);
	       	GEvent.addListener(marker, "click", function() {
	          marker.openInfoWindowHtml('<span class=text1>' + html + '</span>');
	        });
			
	        // save the info we need to use later for the side_bar
	        gmarkers[i] = marker;
	        htmls[i] = html;
			
	        // add a line to the side_bar html
	        side_bar_html += '<tr><td valign=top><a class=text1 href="javascript:myclick(' + i + ')">' + name + '</td></tr>'; //<td valign=top><img src="../images/arrowright_off.gif" width="11" height="19"></td>
	        i++;
	        return marker;
      	}
      	
		  var bounds = new GLatLngBounds();
          GDownloadUrl("/locations/create_xml.asp?" + theQs, 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 html = markers[i].getAttribute("html");
            var label = markers[i].getAttribute("label");
           
			map.addOverlay(createMarker(point,label,html));
			
			bounds.extend(point);		  
		  }
		  // put the assembled side_bar_html contents into the side_bar div
          var fianl_side_bar_html = '<table cellpadding="2" cellspacing="0">'+side_bar_html+'</table>'
		  document.getElementById("side_bar").innerHTML = fianl_side_bar_html;
		  
		   // ===== determine the zoom level from the bounds =====
          map.setZoom(map.getBoundsZoomLevel(bounds));

          // ===== determine the centre from the bounds ======
          var clat = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
          var clng = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;
          map.setCenter(new GLatLng(clat,clng));
		  
        });
      }
    }
	
	//This function picks up the click and opens the corresponding info window
    function myclick(i) {
    	gmarkers[i].openInfoWindowHtml(htmls[i]);
     }
	
    //]]>