//<![CDATA[

    if (GBrowserIsCompatible()) {
	
	// added to help accessibility but needs Firefox work
	/*
	var m = document.getElementById("map");
    m.style.height = "300px";
    m.style.width = "400px";
    var map = new GMap2(m);
	*/
	
	
	 //added by chris to include a new icon
	  
	var baseIcon = new GIcon();
          baseIcon.iconSize=new GSize(32,32);
          baseIcon.shadowSize=new GSize(56,32);
          baseIcon.iconAnchor=new GPoint(16,32);
          baseIcon.infoWindowAnchor=new GPoint(16,0);
          
     
	  var mpnurse = new GIcon(baseIcon, "http://www.monkeypuzzledaynurseries.com/images/googlemapsmonkey.gif", null, "http://www.google.com/mapfiles/shadow50.png");
    
	  
      // this variable will collect the html which will list locations if needed
       var list_locations_html = "";
    
      // arrays to hold copies of the markers and html used by the list_locations function
      
	  
      var gmarkers = [];
      var htmls = [];
      var i = 0;
	  
	  
	 


      // A function to create the marker and set up the event window
      function createMarker(point,name,html,icon) {
        var marker = new GMarker(point,icon);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the side_bar html
        list_locations_html += '<a href="javascript:myclick(' + i + ')">' + name + '</a><br>';
        i++;
        return marker;
      }


      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(51.835778,-1.054687), 7);

      // add the points    
	  
	  /*
	  var point = new GLatLng(43.9,-79.5);
      var marker = createMarker(point,"Test styles",'<div style="background-color:#FFFF88; font-family:cursive; border:solid 3px black;" >You can use a div with<br>style settings.<br>Avoid using width settings<br>when using nowrap</div>')
      map.addOverlay(marker);
	  */
	  
	  var point = new GLatLng(51.504909,-0.265582);
      var marker = createMarker(point,"Acton","<strong>Monkey Puzzle Day Nurseries</strong><br />Acton<br /><a href='http://www.monkeypuzzleacton.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
      var point = new GLatLng(51.902898,-2.081094);
      var marker = createMarker(point,"Cheltenham","<strong>Monkey Puzzle Day Nurseries</strong><br />Cheltenham<br /><a href='http://www.monkeypuzzlecheltenham.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);

      var point = new GLatLng(51.70246,-0.616093);
      var marker = createMarker(point,"Chesham","<strong>Monkey Puzzle Day Nurseries</strong><br />Chesham<br /><a href='http://www.monkeypuzzlechesham.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.710411,-0.056562);
      var marker = createMarker(point,"Cheshunt","<strong>Monkey Puzzle Day Nurseries</strong><br />Cheshunt<br /><a href='http://www.monkeypuzzlecheshunt.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  

	  
	  var point = new GLatLng(51.643616,-0.009098);
      var marker = createMarker(point,"Chingford","<strong>Monkey Puzzle Day Nurseries</strong><br />Chingford<br /><a href='http://www.monkeypuzzlechingford.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.08545,0.512774);
      var marker = createMarker(point,"Cranbrook","<strong>Monkey Puzzle Day Nurseries</strong><br />Cranbrook<br /><a href='http://www.monkeypuzzlecranbrook.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);

      var point = new GLatLng(51.787728,-0.142436);
      var marker = createMarker(point,"Hertford","<strong>Monkey Puzzle Day Nurseries</strong><br />Cole Green, Hertford<br /><a href='http://www.monkeypuzzlehertford.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.529759,-0.110378);
      var marker = createMarker(point,"Islington","<strong>Monkey Puzzle Day Nurseries</strong><br />Islington<br /><a href='http://www.monkeypuzzleislington.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  //var point = new GLatLng(52.283991,-1.528215);
      //var marker = createMarker(point,"Leamington Spa (Spencer Street)","<strong>Monkey Puzzle Day Nurseries</strong><br />Leamington Spa (Spencer Street)<br /><a href='http://www.monkeypuzzleleamingtonspa.co.uk'>Find out more about this nursery</a>",mpnurse)
      //map.addOverlay(marker);
                       
	  //var point = new GLatLng(52.293441,-1.540875);
      //var marker = createMarker(point,"Leamington Spa (Upper Grove Street)","<strong>Monkey Puzzle Day Nurseries</strong><br />Leamington Spa (Upper Grove Street)<br /><a href='http://www.monkeypuzzleleamingtonspa.co.uk'>Find out more about this nursery</a>",mpnurse)
      //map.addOverlay(marker);
	  
	  var point = new GLatLng(52.010959,-0.794663);
      var marker = createMarker(point,"Milton Keynes","<strong>Monkey Puzzle Day Nurseries</strong><br />Milton Keynes<br /><a href='http://www.monkeypuzzlemiltonkeynes.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.779205,-0.498376);
      var marker = createMarker(point,"Potten End","<strong>Monkey Puzzle Day Nurseries</strong><br />Potten End<br /><a href='http://www.monkeypuzzlepottenend.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.470664,-0.91444);
      var marker = createMarker(point,"Sonning","<strong>Monkey Puzzle Day Nurseries</strong><br />Sonning, Reading<br /><a href='http://www.monkeypuzzlesonning.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  
	  
	  
	  var point = new GLatLng(51.430976,-0.134711);
      var marker = createMarker(point,"Sonning","<strong>Monkey Puzzle Day Nurseries</strong><br />Streatham SW16<br /><a href='http://www.monkeypuzzlestreatham.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(52.00063,-2.123998);
      var marker = createMarker(point,"Tewkesbury","<strong>Monkey Puzzle Day Nurseries</strong><br />Tewkesbury<br /><a href='http://www.monkeypuzzletewkesbury.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker); 
	  

	  
	  var point = new GLatLng(51.795266,-0.654244);
      var marker = createMarker(point,"Tring, Pre School","<strong>Monkey Puzzle Day Nurseries</strong><br />Tring, Pre School<br /><a href='http://www.monkeypuzzletring.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.809039,-0.658836);
      var marker = createMarker(point,"Tring, New Mill","<strong>Monkey Puzzle Day Nurseries</strong><br />Tring, New Mill<br /><a href='http://www.monkeypuzzletring.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
	  
	  var point = new GLatLng(51.445021,-0.351434);
      var marker = createMarker(point,"Twickenham","<strong>Monkey Puzzle Day Nurseries</strong><br />Twickenham<br /><a href='http://www.monkeypuzzletwickenham.co.uk'>Find out more about this nursery</a>",mpnurse)
      map.addOverlay(marker);
                       
      //put the assembled side_bar_html contents into the side_bar div
      //document.getElementById("list_locations").innerHTML = list_locations_html;
      
    }

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