
					//<![CDATA[
						  if (GBrowserIsCompatible()) {
					  // this variable will collect the html which will eventually be placed in the sidebar
					  var sidebar_html = "";
					
					  // arrays to hold copies of the markers and html used by the sidebar
					  // because the function closure trick doesnt work there
					  var gmarkers = [];
					  var htmls = [];
					  var i = 0;
				
				
					  // A function to create the marker and set up the event window
					  function createMarker(point,name,html) {
						// FF 1.5 fix
						html = '<div style="white-space:nowrap;">' + html + '</div>';
						var marker = new GMarker(point);
						GEvent.addListener(marker, "click", function() {
						  marker.openInfoWindowHtml(html);
						});
						// save the info we need to use later for the sidebar
						gmarkers[i] = marker;
						htmls[i] = html;
						// add a line to the sidebar html
						sidebar_html += '<a href="javascript:myclick(' + i + ')" id=text>' + name + '</a><br>';
						i++;
						return marker;
					  }
				
				
					  // This function picks up the click and opens the corresponding info window
					  function myclick(i) {
						gmarkers[i].openInfoWindowHtml(htmls[i]);
					  }
				
				
					  // create the map
					  var map = new GMap(document.getElementById("map"));
					  map.addControl(new GLargeMapControl());
					  map.addControl(new GMapTypeControl());
					  map.centerAndZoom(new GPoint(-120.1792,39.3282), 5);
						
				
					  // Read the data from barcelona-images-map.xml
					  var request = GXmlHttp.create();
					  request.open("GET", "../maps/truckee_map.xml", true);
					  request.onreadystatechange = function() {
						if (request.readyState == 4) {
						  var xmlDoc = request.responseXML;
						  // obtain the array of markers and loop through it
						  var markers = xmlDoc.documentElement.getElementsByTagName("marker");
						  
						  for (var i = 0; i < markers.length; i++) {
							// obtain the attribues of each marker
							var lat = parseFloat(markers[i].getAttribute("lat"));
							var lng = parseFloat(markers[i].getAttribute("lng"));
							var point = new GPoint(lng,lat);
							var html = markers[i].getAttribute("html");
							var label = markers[i].getAttribute("label");
							// create the marker
							var marker = createMarker(point,label,html);
							map.addOverlay(marker);
						  }
						  // put the assembled sidebar_html contents into the sidebar div
						  document.getElementById("sidebar").innerHTML = sidebar_html;
						}
					  }
					  request.send(null);
					}
				
					else {
					  alert("Sorry, the Google Maps API is not compatible with this browser");
					}
				
				
					//]]>
					
					