//<![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.238706,-2.644958), 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.379017,-2.360741);
      var marker = createMarker(point,'<b>The Bath Tap</b><br>St James Parade, Bath<br><a href="#a">More Details</a>','mrk','A')
      map.addOverlay(marker);
        
      var point = new GLatLng(51.38575,-2.3612);
      var marker = createMarker(point,'<b>Mandalyns</b><br>Lansdown Road, Bath<br><a href="#c">More Details</a>','mrk','B')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.347346,-2.975694);
      var marker = createMarker(point,'<b>Alexandra Bar</b><br>Alexandra Parade, Weston-S-Mare<br><a href="#d">More Details</a>','mrk','C')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.013437,-3.103391);
      var marker = createMarker(point,'<b>OUT</b><br>Que Pasa, High Street, Taunton<br><a href="#e">More Details</a>','mrk','D')
      map.addOverlay(marker);  
      
      var point = new GLatLng(50.944679,-2.654151);
      var marker = createMarker(point,'<b>The Plucknett</b><br>Preston Road, Yeovil<br><a href="#f">More Details</a>','mrk','E')
      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");
    }

    //]]>