var icon = new GIcon(); 

icon.image = "/img/map/map_icon.png"; 
icon.shadow = "/img/map/map_icon_shadow.png"; 
icon.iconSize = new GSize(36, 36); 
icon.shadowSize = new GSize(57, 36); 

icon.iconAnchor = new GPoint(36, 36);
icon.infoShadowAnchor = new GPoint(36, 36);
icon.infoWindowAnchor = new GPoint(36, 36);

icon.transparent = "/img/map/map-icon-trans.gif";

icon.mozPrintImage = "/img/map/map-icon-yellow-bg.gif";
icon.printShadow = "/img/map/map-icon-printshadow.gif";


var mapX = "51.530252529672204";
var mapY = "-0.1692795753479004";

var mapZoom = 13;

/*
var mapX = "51.51127986710966";
var mapY = "-0.13726472854614258";

var mapZoom = 20;
*/

if ( GBrowserIsCompatible() ) 
{ 

    function createGMarker(point,icon,text) {
        var marker=new GMarker(point,icon)
        GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(text);});

      return marker;
    }

    function showMap() 
  { 
    if (GBrowserIsCompatible()) 
    { 

        var map = new GMap2(document.getElementById("map")); 
        map.addControl(new GLargeMapControl()); 
        map.addControl(new GMapTypeControl()); 
        map.addControl(new GOverviewMapControl(new GSize(100,100))); 
            map.setCenter(new GLatLng(mapX,mapY),mapZoom);
            
        GDownloadUrl("/inc/map.php", function(data, responseCode) {
              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")));
                map.addOverlay(createGMarker(point,icon,markers[i].getAttribute("description")));
                
                
              }
            });


        
        
    }       
  }             
  
} 
else 
{ 
  alert("Sorry, the Google Maps API is not compatible with this browser"); 
}