//<![CDATA[

    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("google"));
        map.addControl(new GLargeMapControl());
	map.addControl(new GMapTypeControl());
	map.addControl(new GOverviewMapControl());
	map.setCenter(new GLatLng(50.225000, -5.250000), 10, G_NORMAL_MAP);
	map.enableDoubleClickZoom()
        
        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);

        var baseIconGolds = new GIcon();
        //baseIconGolds.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIconGolds.iconSize = new GSize(40, 59);
        //baseIconGolds.shadowSize = new GSize(37, 34);
        baseIconGolds.iconAnchor = new GPoint(20, 59);
        baseIconGolds.infoWindowAnchor = new GPoint(9, 2);
        //baseIconGolds.infoShadowAnchor = new GPoint(18, 25);


        // Creates a marker whose info window displays the letter corresponding
        // to the given index.

        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var icon = new GIcon(baseIcon);
          icon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
          var marker = new GMarker(point, icon);
          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
          });
	  GEvent.addListener(marker, "mouseout", function() {
            map.closeInfoWindow();
          });
	  GEvent.addListener(marker, "click", function() {
            map.setCenter(new GLatLng(50.197417, -5.427323), 12, G_NORMAL_MAP);
          });
          return marker;
        }


        function createMarkerForA(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var icon = new GIcon(baseIconGolds);
          icon.image = "http://www.golds-hire.co.uk/properties/images/map/pointer2.png";
          var marker = new GMarker(point, icon);
	  GEvent.addListener(marker, "click", function() {
	    marker.openInfoWindowHtml("<div align='center'><b>Properties at this location:</b><br /><br />Penellen House</div>");
            map.setCenter(new GLatLng(50.268422, -5.363370), 11, G_NORMAL_MAP);
          });
          return marker;
        }
		
	// Add markers to the map
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();

       
	for (var i = 0; i < 1; i++) {
       	  var point = new GLatLng(50.198240, -5.426250);
       	map.addOverlay(createMarkerForA(point, i));
       	}
		
	
      }
    }

    //]]>