//<![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";
          overlay["I"] = "http://www.pridewest.co.uk/images/map/marker9.png";
    		 overlay["J"] = "http://www.pridewest.co.uk/images/map/marker10.png";
    		 overlay["K"] = "http://www.pridewest.co.uk/images/map/marker11.png";
    
      function createMarker(point,html,ba,ov) {
        var mylabel = {"url":overlay[ov], "anchor":new GLatLng(0,0), "size":new GSize(20,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.455665,-2.590628), 15);
    
      // Set up three markers with info windows 
      
      var point = new GLatLng(51.456478,-2.579649);
      var marker = createMarker(point,'<b>Bristol Bear Bar</b><br>West Street, Bristol<br><a href="#a">More Details</a>','mrk','A')
      map.addOverlay(marker);  
      
      
      var point = new GLatLng(51.455638,-2.582796);
      var marker = createMarker(point,'<b>Castros</b><br>Old Market Street, Bristol<br><a href="#b">More Details</a>','mrk','B')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.456701,-2.579395);
      var marker = createMarker(point,'<b>Flamingos</b><br>West Street, Bristol<br><a href="#c">More Details</a>','mrk','C')
      map.addOverlay(marker);  
      
      var point = new GLatLng(51.455625,-2.597677);
      var marker = createMarker(point,'<b>The Griffin</b><br>Colston Street, Bristol<br><a href="#d">More Details</a>','mrk','D')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.456073,-2.580881);
      var marker = createMarker(point,'<b>The Lounge</b><br>Old Market Street, Bristol<br><a href="#e">More Details</a>','mrk','E')
      map.addOverlay(marker);
          
      var point = new GLatLng(51.457042,-2.578745);
      var marker = createMarker(point,'<b>Old Castle Green</b><br>Gloucester Lane, Bristol<br><a href="#f">More Details</a>','mrk','F')
      map.addOverlay(marker);
      


      var point = new GLatLng(51.45615,-2.582006);
      var marker = createMarker(point,'<b>Old Market Tavern</b><br>Old Market Street, Bristol<br><a href="#g">More Details</a>','mrk','G')
      map.addOverlay(marker);
      
      
      var point = new GLatLng(51.456581,-2.57991);
      var marker = createMarker(point,'<b>The Palace</b><br>West Street, Bristol<br><a href="#h">More Details</a>','mrk','H')
      map.addOverlay(marker);
      
      var point = new GLatLng(51.452081,-2.603851);
      var marker = createMarker(point,'<b>The Pineapple</b><br>St Georges Road, Bristol<br><a href="#i">More Details</a>','mrk','I')
      map.addOverlay(marker);

      var point = new GLatLng(51.453696,-2.600933);
      var marker = createMarker(point,'<b>QueenShilling</b><br>Frogmore Street, Bristol<br><a href="#j">More Details</a>','mrk','J')
      map.addOverlay(marker);


      var point = new GLatLng(51.456610,-2.578997);
      var marker = createMarker(point,'<b>The Retreat</b><br>West Street, Bristol<br><a href="#k">More Details</a>','mrk','K')
      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");
    }

    //]]>