$(document).ready(function() {
    $("#frame").resizable({
handles: "e, s, se"
});
    $("#frame").resize(function(){
      map.setCenter(new GLatLng(54.5876, -5.9332));
      map.checkResize();
      });
    if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(54.5876, -5.9332), 9);
    geocoder = new GClientGeocoder();
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    var cIcon = MapIconMaker.createMarkerIcon({width: 18, height: 18, primaryColor: "#0000ff"});
    var yIcon = MapIconMaker.createMarkerIcon({width: 18, height: 18, primaryColor: "#00ff00"});
    var nIcon = MapIconMaker.createMarkerIcon({width: 18, height: 18, primaryColor: "#ff0000"});

    GDownloadUrl("success.xml", function(doc) {
      var xmlDoc = GXml.parse(doc);
      var markers = xmlDoc.documentElement.getElementsByTagName("marker");
      var addacc = [
      "Unknown location.",
      "Country level accuracy.",
      "Region (state, province, prefecture, etc.) level accuracy.", 
      "Sub-region (county, municipality, etc.) level accuracy.",
      "Town (city, village) level accuracy.",
      "Post code (zip code) level accuracy.",
      "Street level accuracy.",
      "Intersection level accuracy.",
      "Address level accuracy.",
      "Premise (building name, property name, shopping center, etc.) level accuracy."
      ];
      for (var i=markers.length-1; i>=0; --i ) {
        var lat = parseFloat(markers[i].getAttribute("lat"));
        var lng = parseFloat(markers[i].getAttribute("lng"));

        var point = new GLatLng(lat,lng); 
        var accuracy = addacc[markers[i].getAttribute("accuracy")];
        var decision = markers[i].getAttribute("decision");
        var id = markers[i].getAttribute("id");
        var applicant = markers[i].getAttribute("applicant");
        var address = markers[i].getAttribute("address");
        var info = markers[i].getAttribute("info");
        var html = "<p>" + accuracy + "</p>"
        + "<p>" + info + "</p>" 
        + "<p>" + id + " " + decision + "</p>" 
        + "<p>Applicant: " + applicant + "</p>" 
        + "<p>Location: " + address + "</p>";
        var icon = ((decision === 'Approval') ? yIcon
          : (decision === 'Refusal') ? nIcon
          : (decision === 'Consent') ? cIcon
          : alert("ERROR: Invalid icon type in results array"));
        if (icon) {
          showAddress(point, icon, html);
          }
        }
      });
    }
    function showAddress(point, type, html) {
      var marker = new GMarker(point, {icon: type});
      if (html) {
        GEvent.addListener(marker, "click", function() {
          map.openInfoWindowHtml(point, html);
          });
        }
      map.addOverlay(marker);
      }
});