if (GBrowserIsCompatible()) {
var Icon = new GIcon(G_DEFAULT_ICON);
Icon.image = "blue-pushpin.png";
Icon.shadow = "pushpin_shadow.png";
var side_bar_html = "";
var gmarkers = [];
var htmls = [];
var i = 0;
// A function to create the marker and set up the event window
function createMarker(point,name,html,bedrooms,bathrooms,footage,acreage,listing,price,tag,image,status,type,street,city,display) {
var marker = new GMarker(point,Icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// Switch icon on marker mouseover and mouseout
GEvent.addListener(marker, "mouseover", function() {
  marker.setImage("red-pushpin.png");
});
GEvent.addListener(marker, "mouseout", function() {
  marker.setImage("blue-pushpin.png");
});
gmarkers[i] = marker;
htmls[i] = html;
// add a line to the side_bar html, with click, mouseover and mouseout event handlers

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 GMap2(document.getElementById("map2"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(38.46817290162773,-122.73762702941895),11);
// Read the data from example.xml
var request = GXmlHttp.create();
request.open("GET", "office/scripts/sold.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = GXml.parse(request.responseText);
// 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 GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
var bedrooms = markers[i].getAttribute("bedrooms"); 
var bathrooms = markers[i].getAttribute("bath"); 
var footage = markers[i].getAttribute("sqft");
var acreage = markers[i].getAttribute("lot");  
var listing = markers[i].getAttribute("property");
var price = markers[i].getAttribute("price");
var tag = markers[i].getAttribute("tag"); 
var image = markers[i].getAttribute("image"); 
var status = markers[i].getAttribute("status"); 
var type = markers[i].getAttribute("type");                                 
var street = markers[i].getAttribute("street");
var city = markers[i].getAttribute("city");
var display = markers[i].getAttribute("display");
var marker = createMarker(point,label,html,bedrooms,bathrooms,footage,acreage,listing,price,tag,image,status,type,street,city,display);
map.addOverlay(marker);
}
// put the assembled side_bar_html contents into the side_bar div
}
}
request.send(null);
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}