// JavaScript Document
//<![CDATA[

// arrays to hold copies of the markers and html used by the side_bar
// because the function closure trick doesnt work there
var branchesMap;
var gmarkers = [];
var i = 0;
var lastlinkid;

// This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }

function load() {
    
  if (GBrowserIsCompatible()) { 

      // this variable will collect the html which will eventually be placed in the side_bar
      var side_bar_html = '<ul><li><strong>Meuran a’ Chomuinn Ghaidhealaich</strong></li>';
      var i = 0;

     // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        var linkid = "link"+i;
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
          document.getElementById(linkid).style.background="#6FAFDF";
          lastlinkid=linkid;
        });
        // save the info we need to use later for the side_bar
        gmarkers[i] = marker;
        // add a line to the side_bar html
        side_bar_html += '<li id="'+linkid+'"><a href="javascript:myclick(' + i + ')">' + name + '</a></li>';
        i++;
        return marker;
      }

      		branchesMap = new GMap2(document.getElementById("map"));
      		branchesMap.addControl(new GLargeMapControl());
      		branchesMap.addControl(new GMapTypeControl());
			branchesMap.addControl(new GOverviewMapControl(new GSize(100, 100)));
      		branchesMap.setCenter(new GLatLng(56.412281, -3.724365), 6); //13 = map scale, zoom from 1 - 17

      		// Set up Scotland map markers with info windows 
     		
		var point = new GLatLng(56.00065, -3.78437);
      		var marker = createMarker(point, 'An Eaglais Bhreac', '<div class="caption"><p><strong>An Eaglais Bhreac</strong></p><a href="http://www.acgmod.org/branches/detail/falkirk/ga">An Eaglais Bhreac - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.79446, -4.8698);
      		var marker = createMarker(point, 'An Leargaidh Ghallda', '<div class="caption"><p><strong>An Leargaidh Ghallda</strong></p><a href="http://www.acgmod.org/branches/detail/largs/ga">An Leargaidh Ghallda - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.0303, -4.40243);
      		var marker = createMarker(point, 'An Luirg', '<div class="caption"><p><strong>An Luirg</strong></p><a href="http://www.acgmod.org/branches/detail/lairg/ga">An Luirg - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.41041, -5.46973);
      		var marker = createMarker(point, 'An t-Òban', '<div class="caption"><p><strong>An t-Òban</strong></p><a href="http://www.acgmod.org/branches/detail/oban/ga">An t-Òban - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.47393, -6.42507);
      		var marker = createMarker(point, 'An t-Eilean Sgitheanach', '<div class="caption"><p><strong>An t-Eilean Sgitheanach</strong></p><a href="http://www.acgmod.org/branches/detail/skye/ga">An t-Eilean Sgitheanach - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.59276, -3.33891);
      		var marker = createMarker(point, 'Blàr Ghobharaidh', '<div class="caption"><p><strong>Blàr Ghobharaidh</strong></p><a href="http://www.acgmod.org/branches/detail/blairgowrie/ga">Blàr Ghobharaidh - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.6100, -4.4992);
      		var marker = createMarker(point, 'Cill Mheàrnag', '<div class="caption"><p><strong>Cill Mheàrnag</strong></p><a href="http://www.acgmod.org/branches/detail/kilmarnock/ga">Cill Mheàrnag - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.77303, -4.16683);
      		var marker = createMarker(point, 'Cille Bhrìde an Ear', '<div class="caption"><p><strong>Cille Bhrìde an Ear</strong></p><a href="http://www.acgmod.org/branches/detail/east-kilbride/ga">Cille Bhrìde an Ear - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.41857, -5.24993);
      		var marker = createMarker(point, 'Cruachan', '<div class="caption"><p><strong>Cruachan</strong></p><a href="http://www.acgmod.org/branches/detail/cruachan/ga">Cruachan - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.96568, -3.19444);
      		var marker = createMarker(point, 'Dùn Èideann', '<div class="caption"><p><strong>Dùn Èideann</strong></p><a href="http://www.acgmod.org/branches/detail/edinburgh/ga">Dùn Èideann - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.46133, -2.96841);
      		var marker = createMarker(point, 'Dun Dè', '<div class="caption"><p><strong>Dun Dè</strong></p><a href="http://www.acgmod.org/branches/detail/dundee/ga">Dun Dè - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.94682, -4.92301);
      		var marker = createMarker(point, 'Dunomhainn', '<div class="caption"><p><strong>Dunomhainn</strong></p><a href="http://www.acgmod.org/branches/detail/dunoon/ga">Dunomhainn - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.9, -4.25728);
      		var marker = createMarker(point, 'Glaschu', '<div class="caption"><p><strong>Glaschu</strong></p><a href="http://www.acgmod.org/branches/detail/glasgow/ga">Glaschu - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.75551, -6.28882);
      		var marker = createMarker(point, 'Ile', '<div class="caption"><p><strong>Ile</strong></p><a href="http://www.acgmod.org/branches/detail/islay/ga">Ile - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.46699, -4.19696 );
      		var marker = createMarker(point, 'Inbhir Nis  ', '<div class="caption"><p><strong>Inbhir Nis  </strong></p><a href="http://www.acgmod.org/branches/detail/inverness/ga">Inbhir Nis   - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.20942, -6.38825);
      		var marker = createMarker(point, 'Leòdhas', '<div class="caption"><p><strong>Leòdhas</strong></p><a href="http://www.acgmod.org/branches/detail/lewis/ga">Leòdhas - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.10033, -5.47613);
      		var marker = createMarker(point, 'Loch Fin', '<div class="caption"><p><strong>Loch Fin</strong></p><a href="http://www.acgmod.org/branches/detail/loch-fyne/ga">Loch Fin - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.84064, -5.5694);
      		var marker = createMarker(point, 'Loch Iù', '<div class="caption"><p><strong>Loch Iù</strong></p><a href="http://www.acgmod.org/branches/detail/loch-ewe/ga">Loch Iù - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.80479, -5.11766);
      		var marker = createMarker(point, 'Lochabar', '<div class="caption"><p><strong>Lochabar</strong></p><a href="http://www.acgmod.org/branches/detail/lochaber/ga">Lochabar - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(53.48077, -2.23437);
      		var marker = createMarker(point, 'Manchester', '<div class="caption"><p><strong>Manchester</strong></p><a href="http://www.acgmod.org/branches/detail/manchester/ga">Manchester - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.59287, -3.52539);
      		var marker = createMarker(point, 'Meur Ghallaibh', '<div class="caption"><p><strong>Meur Ghallaibh</strong></p><a href="http://www.acgmod.org/branches/detail/caithness/ga">Meur Ghallaibh - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.84542, -4.42351);
      		var marker = createMarker(point, 'Meur Phaislig', '<div class="caption"><p><strong>Meur Phaislig</strong></p><a href="http://www.acgmod.org/branches/detail/paisley/ga">Meur Phaislig - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.41667, -5.9);
      		var marker = createMarker(point, 'Muile agus Ìdhe', '<div class="caption"><p><strong>Muile agus Ìdhe</strong></p><a href="http://www.acgmod.org/branches/detail/mull-and-iona/ga">Muile agus Ìdhe - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.62162, -3.86448);
      		var marker = createMarker(point, 'Obar Pheallaidh', '<div class="caption"><p><strong>Obar Pheallaidh</strong></p><a href="http://www.acgmod.org/branches/detail/aberfeldy/ga">Obar Pheallaidh - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.12452, -4.08245);
      		var marker = createMarker(point, 'Sruighlea', '<div class="caption"><p><strong>Sruighlea</strong></p><a href="http://www.acgmod.org/branches/detail/stirling/ga">Sruighlea - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.22091, -6.39545);
      		var marker = createMarker(point, 'Steòrnabhagh', '<div class="caption"><p><strong>Steòrnabhagh</strong></p><a href="http://www.acgmod.org/branches/detail/stornoway/ga">Steòrnabhagh - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.60588, -4.44058);
      		var marker = createMarker(point, 'Taobh an Ear Rois', '<div class="caption"><p><strong>Taobh an Ear Rois</strong></p><a href="http://www.acgmod.org/branches/detail/easter-ross/ga">Taobh an Ear Rois - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.54854, -4.12363);
      		var marker = createMarker(point, 'Taobh Loch Tatha', '<div class="caption"><p><strong>Taobh Loch Tatha</strong></p><a href="http://www.acgmod.org/branches/detail/loch-tayside/ga">Taobh Loch Tatha - Cò Sinn?</a></div>')
      		branchesMap.addOverlay(marker);
                
      		
               GEvent.addListener(branchesMap,"infowindowclose", function() {document.getElementById(lastlinkid).style.background="transparent";});
                    
                // put the assembled side_bar_html contents into the side_bar div
                side_bar_html += '</ul>';
                document.getElementById("side_bar").innerHTML = side_bar_html;
        }
    	// display a warning if the browser was not compatible
    	else {
      		alert("Sorry, the Google Maps API is not compatible with this browser");
    	}
}
    //]]>