// 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;
var url = '/';
var tGroup = 'locations';
// This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }

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

      // this variable will collect the html which will eventually be placed in the side_bar
      var side_bar_html = '<div class="locations-panel"><ul>';
      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="#E1F2F9";
          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;
      }

			
			
		// checks if we are on a SUBPAGE / details page:
        if((markerclick % 1) == 0) {
			branchesMap = new GMap2(document.getElementById("map"),
			    { size: new GSize(490,272) } );
			// set center in switch of markerclick, below:
        }
		else{
			// or OVERVIEW page:
			branchesMap = new GMap2(document.getElementById("map"));
		}
     		
		//both get:
		branchesMap.addControl(new GOverviewMapControl(new GSize(100, 100)));
		branchesMap.addControl(new GMapTypeControl());
		
		// choose between the two again... Set up Scotland map markers with info windows 
		// for a single sub-page we use a switch
		if((markerclick % 1) == 0) {
			
			switch (markerclick) {
				//NB order follows the bleow overview set ones and the sidemenus, obviously
				case 0:
				var point = new GLatLng(57.06982, -2.85538);//Aboyne
				break;
				case 1:
				// var point = new GLatLng(55.08952, -3.56223);//dumf
				// 				break;
				var point = new GLatLng(57.47845, -2.73554);//kinnoir
				break;
				case 2:
				
				var point = new GLatLng(56.64903, -3.00986);
				break;
				
				// Lockerbie 3 sawmills all the same
				case 3:
				case 4:
				case 5:
				
				var point = new GLatLng(55.15651, -3.38307);
				break;
				case 6:
			
				var point = new GLatLng(57.62861, -3.12395);//mosstodloch
				break;
				case 7:
			
				var point = new GLatLng(57.60803, -3.63168);
				break;
				case 8:
				// case 9:
				var point = new GLatLng(53.47897, -2.60271);
				break;
		      default:
				var point = new GLatLng(57.06982, -2.85538);
		    	
		   }
		
			// final map-type config:
		    branchesMap.addControl(new GSmallMapControl());
			branchesMap.setCenter(point, 9); //13 = map scale, zoom from 1 - 17
			branchesMap.addOverlay(new GMarker(point));
			
		 	//GEvent.addListener(branchesMap,"infowindowclose", function() {document.getElementById(lastlinkid).style.background="transparent";});

			
		}
		else {
			// final map-type config:
			branchesMap.addControl(new GLargeMapControl());
			branchesMap.setCenter(new GLatLng(55.65, -3.5), 6); //13 = map scale, zoom from 1 - 17
			
			// otherwise we assign all the markers to the map
			var point = new GLatLng(57.06982, -2.85538);
	      		var marker = createMarker(point, 'Aboyne Sawmill', '<div class="caption"><strong>Aboyne Sawmill</strong><div class="extra-info"><br />James Jones &amp; Sons Ltd<br />Burnroot Sawmill<br />Aboyne<br />Aberdeenshire<br />AB34 5PN<br />Tel: 01339 885263<br /><a href="'+ url + tGroup +'/site-details/aboyne-sawmill">Aboyne Sawmill details &raquo;</a></div></div>')
	      		branchesMap.addOverlay(marker);

			/*var point = new GLatLng(55.08952, -3.56223);
				      		var marker = createMarker(point, 'Dumfries Sawmill', '<div class="caption"><strong>Dumfries Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Hanger 8<br />Heathhall Industrial Estate<br /> Dumfries<br />DG1 3PH<br />Tel: 01387 256235<br /><a href="'+ url + tGroup +'/site-details/dumfries-sawmill">Dumfries Sawmill details &raquo;</a></div>')
				      		branchesMap.addOverlay(marker);
			*/
			var point = new GLatLng(57.47845, -2.73554);
	      		var marker = createMarker(point, 'Kinnoir Sawmill', '<div class="caption"><strong>Kinnoir Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Kinnoir Sawmills<br />Kinnoir<br />Huntly<br />Aberdeenshire<br />AB54 7XY<br />Tel: 01466 792372<br /><a href="'+ url + tGroup +'/site-details/kinnoir-sawmill">Kinnoir Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(56.64903, -3.00986);
	      		var marker = createMarker(point, 'Kirriemuir Sawmill', '<div class="caption"><strong>Kirriemuir Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Ladywell Sawmill<br />Kirriemuir<br />Angus DD8 5PD<br />Tel: 01575 572114<br /><a href="'+ url + tGroup +'/site-details/kirriemuir-sawmill">Kirriemuir Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(55.15651, -3.38307);
	      		var marker = createMarker(point, 'Lockerbie 1 Sawmill', '<div class="caption"><strong>Lockerbie 1 Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Stevens Croft<br />Nethercleugh<br />Lockerbie<br />Dumfries<br />DG11 2SQ<br />Tel: 01576 204910<br /><a href="'+ url + tGroup +'/site-details/lockerbie-1">Lockerbie 1 Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(55.15651, -3.38307);
	      		var marker = createMarker(point, 'Lockerbie 2 Sawmill', '<div class="caption"><strong>Lockerbie 2 Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Stevens Croft<br />Nethercleugh<br />Lockerbie<br />Dumfries<br />DG11 2SQ<br />Tel: 01576 204910<br /><a href="'+ url + tGroup +'/site-details/lockerbie-2">Lockerbie 2 Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(55.15651, -3.38307);
	      		var marker = createMarker(point, 'Lockerbie 3 Sawmill', '<div class="caption"><strong>Lockerbie 3 Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Stevens Croft<br />Nethercleugh<br />Lockerbie<br />Dumfries<br />DG11 2SQ<br />Tel: 01576 204910<br /><a href="'+ url + tGroup +'/site-details/lockerbie-3">Lockerbie 3 Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(57.62861, -3.12395);
	      		var marker = createMarker(point, 'Mosstodloch Sawmill', '<div class="caption"><strong>Mosstodloch Sawmill</strong><br />James Jones &amp; Sons Ltd<br />Garmouth Road<br />Mosstodloch<br />Morayshire<br />IV32 7LH<br />Tel: 01343 821421<br /><a href="'+ url + tGroup +'/site-details/mosstodloch-sawmill">Mosstodloch Sawmill details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(57.60803, -3.63168);
	      		var marker = createMarker(point, 'Timber Systems Division', '<div class="caption"><strong>Timber Systems Division</strong><br />James Jones &amp; Sons Ltd<br />Timber Systems Division<br />Greshop Industrial Estate<br />Forres<br />IV36 2GW<br />Tel: 01309 671111<br /><a href="'+ url + tGroup +'/site-details/timber-systems-division">Timber Systems Division details &raquo;</a></div>')
	      		branchesMap.addOverlay(marker);

			var point = new GLatLng(53.47897, -2.60271);
	      		var marker = createMarker(point, 'Unit Pallets Limited', '<div class="caption"><strong>Unit Pallets Limited</strong><br />Unit Pallets Limited<br />National Marketing Centre<br />Bank Street<br />Golborne<br />Warrington<br />WA3 3RN<br />Tel: 01942 711811<br /><a href="'+ url + tGroup +'/site-details/unit-pallets-limited">Unit Pallets Limited details &raquo;</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></div>';
        //document.getElementById("content-related").innerHTML = side_bar_html;
		document.getElementById("content-related").style.visibility = 'visible';
        
        }
    	// display a warning if the browser was not compatible
    	else {
      		alert("Sorry, the Google Maps API is not compatible with this browser");
    	}
		
		// checksif we are on a details page:
        if((markerclick % 1) == 0) {
			myclick(markerclick);
        }
}
    //]]>