function loadMap(x,y,id) {

    if (GBrowserIsCompatible()) {
      var map = new GMap(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      
      if (x == 0) {
        map.centerAndZoom(new GPoint(-88.313176, 41.913805), 4);
      }
      else{
        map.centerAndZoom(new GPoint(x, y), 2);
      }
          var request = GXmlHttp.create();
          request.open("GET", "xml/Properties.xml", true);
          request.onreadystatechange = function() {
            if (request.readyState == 4) {
              var xmlDoc = request.responseXML;
              var markers = xmlDoc.documentElement.getElementsByTagName("marker");
              
              for (var i = 0; i < markers.length; i++) {
                var lat = parseFloat(markers[i].getAttribute("lat"));
                var lng = parseFloat(markers[i].getAttribute("lng"));
                var point = new GPoint(lng,lat);
                
                var type = markers[i].getAttribute("type");
                var locid = markers[i].getAttribute("propid");
                
                if ( locid == id ){
                        type = "POI";
                    }
                    
                var title = markers[i].getAttribute("title");
                var address = markers[i].getAttribute("address");
                var city = markers[i].getAttribute("city");
                var photo = markers[i].getAttribute("photo");
                var description = markers[i].getAttribute("description") + '<BR><a href=http://www.stcharlesil.org/departments/edd/sitesSearch2.asp?id=' + locid + ' target=_blank><br>More Information</a&>'
                var label1 = 'Details';
                var label2 = 'Photo';
                var html2 = '';
                var html1 = '<b><font size=2>' + title + '</b><BR><font size=1>' + address + '<BR>' + city + '<BR>'  + description +  '</font>';
               
                    if ( photo == "" ){
                        html2 = "No Photo Available!";
                    }
                    else {
                        html2 = "<img src=http://www.stcharlesil.org/departments/edd/SitePictures/" + photo + ".jpg width=150 height=100>";
                    }
                   
                var marker = createMarker(point,html1,html2,label1,label2,type,locid);
                map.addOverlay(marker);
              }
            }
          };
          request.send(null);
    }
    else {
    alert("Sorry, the Google Maps API is not compatible with this browser");
    }
}
function createMarker(point,html1,html2,label1,label2,type) {
    var baseIcon  = new GIcon();
    //baseIcon .shadow = "http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(18, 18);
   // baseIcon .shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(1, 18);
    baseIcon.infoWindowAnchor = new GPoint(18, 2);
    //baseIcon .infoShadowAnchor = new GPoint(18, 25);
    
    var icon = new GIcon(baseIcon);
    if ( type == "Industrial" ){
        icon.image = "images/map/flagI.png";
        baseIcon.printImage = "images/map/flagI.gif";
    }
    else if ( type == "Land" ){
        icon.image = "images/map/flagL.png";
        baseIcon.printImage = "images/map/flagL.gif";
    }
    else if ( type == "Office" ){
        icon.image = "images/map/flagO.png";
        baseIcon.printImage = "images/map/flagO.gif";
    }
    else if ( type == "Retail" ){
        icon.image = "images/map/flagR.png";
        baseIcon.printImage = "images/map/flagR.gif";
    }
    else if ( type == "POI" ){
        icon.image = "images/map/star.png";
        baseIcon.iconSize = new GSize(20, 23);
        baseIcon.iconAnchor = new GPoint(10, 23);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.printImage = "images/map/star.gif";
    }
    else {
        icon.image = "images/map/markerXsm.png";
        baseIcon.printImage = "images/map/markerXsm.gif";
    }
   
   var marker = new GMarker(point, icon);
   GEvent.addListener(marker, "click", function() {
   if ( html2 === "No Photo Available!" ){
    marker.openInfoWindow(html1);   
    }
   else {
    marker.openInfoWindowTabsHtml([new GInfoWindowTab(label1,html1), new GInfoWindowTab(label2,html2)]);
   }
   });
    
return marker;
}