//<![CDATA[
    if (GBrowserIsCompatible()) { 

      var background = [];
          background["mrk"]  = "blank.png";

      var overlay = [];
          overlay["A"] = "http://www.pridewest.co.uk/images/map/marker1.png";
          overlay["B"] = "http://www.pridewest.co.uk/images/map/marker2.png";
     		 overlay["C"] = "http://www.pridewest.co.uk/images/map/marker3.png";
          overlay["D"] = "http://www.pridewest.co.uk/images/map/marker4.png";
          overlay["E"] = "http://www.pridewest.co.uk/images/map/marker5.png";
          overlay["F"] = "http://www.pridewest.co.uk/images/map/marker6.png";
     		 overlay["G"] = "http://www.pridewest.co.uk/images/map/marker7.png";
          overlay["H"] = "http://www.pridewest.co.uk/images/map/marker8.png";
    
    
      function createMarker(point,html,ba,ov) {
        var mylabel = {"url":overlay[ov], "anchor":new GLatLng(0,0), "size":new GSize(22,34)};
        var Icon = new GIcon(G_DEFAULT_ICON, background[ba], mylabel)

        var marker = new GMarker(point,Icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }

      // Display the map, with some controls and set the initial location 
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
     map.setCenter(new GLatLng(51.323747,-1.884155), 9);
    
    // Zoom Control Stuff
    
    map.addControl(new GZoomControl(
		/* first set of options is for the visual overlay.*/
		{
			nOpacity:.2,
			sBorder:"2px solid blue"
		},
		/* second set of options is for everything else */
		{
			sButtonHTML:"<img src='http://www.pridewest.co.uk/images/map/zoomoff.gif' title='Click, then drag a box over your chosen area'  />",
			sButtonZoomingHTML:"<img src='http://www.pridewest.co.uk/images/map/zoomon.gif' />",
			oButtonStartingStyle:{width:'24px',height:'24px'}
		}		
		
),new GControlPosition(G_ANCHOR_TOP_LEFT,new GSize(15,105)));
    
    
      // Set up three markers with info windows 
      
      var point = new GLatLng(51.562005,-1.787628);
      var marker = createMarker(point,'<b>The Mail Coach</b><br>Fleet Street, Swindon<br><a href="#a">More Details</a>','mrk','A')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.55861,-1.780552);
      var marker = createMarker(point,'<b>The Pink Rooms</b><br>Victoria Road, Swindon<br><a href="#b">More Details</a>','mrk','B')
      map.addOverlay(marker); 
      
     
      var point = new GLatLng(51.073121,-1.803893);
      var marker = createMarker(point,'<b>Duke Of York</b><br>York Road, Salisbury<br><a href="#d">More Details</a>','mrk','C')
      map.addOverlay(marker);
      



    }
    
    // display a warning if the browser was not compatible
    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    //]]>