// 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>Mòdan Ionadail</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.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/localmods/detail/oban/ga">An t-Òban - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.3, -6.25);
      		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/localmods/detail/skye/ga">An t-Eilean Sgitheanach - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.71667, -6);
      		var marker = createMarker(point, 'Àird nam Murchan', '<div class="caption"><p><strong>Àird nam Murchan</strong></p><a href="http://www.acgmod.org/localmods/detail/ardnamurchan/ga">Àird nam Murchan - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.25, -4.5);
      		var marker = createMarker(point, 'Cataibh is Gallaibh', '<div class="caption"><p><strong>Cataibh is Gallaibh</strong></p><a href="http://www.acgmod.org/localmods/detail/sutherland-caithness/ga">Cataibh is Gallaibh - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.76538, -4.17798);
      		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/localmods/detail/east-kilbride/ga">Cille Bhrìde an Ear - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.0391, -5.43253);
      		var marker = createMarker(point, 'Dal Riata', '<div class="caption"><p><strong>Dal Riata</strong></p><a href="http://www.acgmod.org/localmods/detail/dalriada/ga">Dal Riata - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.96568, -3.19444);
      		var marker = createMarker(point, 'Dun Èideann', '<div class="caption"><p><strong>Dun Èideann</strong></p><a href="http://www.acgmod.org/localmods/detail/edinburgh/ga">Dun Èideann - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.86555, -4.25728);
      		var marker = createMarker(point, 'Glaschu', '<div class="caption"><p><strong>Glaschu</strong></p><a href="http://www.acgmod.org/localmods/detail/glasgow/ga">Glaschu - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(55.73933, -6.2546);
      		var marker = createMarker(point, 'Ile', '<div class="caption"><p><strong>Ile</strong></p><a href="http://www.acgmod.org/localmods/detail/islay/ga">Ile - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.47677, -4.23185);
      		var marker = createMarker(point, 'Inbhir Nis', '<div class="caption"><p><strong>Inbhir Nis</strong></p><a href="http://www.acgmod.org/localmods/detail/inverness/ga">Inbhir Nis - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(58.33333, -6.58333);
      		var marker = createMarker(point, 'Lèodhas', '<div class="caption"><p><strong>Lèodhas</strong></p><a href="http://www.acgmod.org/localmods/detail/lewis/ga">Lèodhas - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.95, -5.05);
      		var marker = createMarker(point, 'Loch Abair', '<div class="caption"><p><strong>Loch Abair</strong></p><a href="http://www.acgmod.org/localmods/detail/lochaber/ga">Loch Abair - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.41667, -5.9);
      		var marker = createMarker(point, 'Muile', '<div class="caption"><p><strong>Muile</strong></p><a href="http://www.acgmod.org/localmods/detail/mull/ga">Muile - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.86742, -6.89142);
      		var marker = createMarker(point, 'Na Hearadh', '<div class="caption"><p><strong>Na Hearadh</strong></p><a href="http://www.acgmod.org/localmods/detail/harris/ga">Na Hearadh - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.39515, -3.43446);
      		var marker = createMarker(point, 'Peairt is Aonghas', '<div class="caption"><p><strong>Peairt is Aonghas</strong></p><a href="http://www.acgmod.org/localmods/detail/perth-angus/ga">Peairt is Aonghas - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(56.11916, -3.93658);
      		var marker = createMarker(point, 'Sruighlea', '<div class="caption"><p><strong>Sruighlea</strong></p><a href="http://www.acgmod.org/localmods/detail/stirling/ga">Sruighlea - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.83333, -4.6);
      		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/localmods/detail/easter-ross/ga">Taobh an Ear Rois - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.28433, -5.71552);
      		var marker = createMarker(point, 'Taobh an Iar-Dheas Rois', '<div class="caption"><p><strong>Taobh an Iar-Dheas Rois</strong></p><a href="http://www.acgmod.org/localmods/detail/sw-ross/ga">Taobh an Iar-Dheas Rois - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.68333, -5);
      		var marker = createMarker(point, 'Taobh Siar Rois', '<div class="caption"><p><strong>Taobh Siar Rois</strong></p><a href="http://www.acgmod.org/localmods/detail/wester-ross/ga">Taobh Siar Rois - Fiosrachadh Mòid</a></div>')
      		branchesMap.addOverlay(marker);
                
		var point = new GLatLng(57.6, -7.3);
      		var marker = createMarker(point, 'Uibhist', '<div class="caption"><p><strong>Uibhist</strong></p><a href="http://www.acgmod.org/localmods/detail/uist/ga">Uibhist - Fiosrachadh Mòid</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");
    	}
}
    //]]>