$(document).ready(function(){
          var map = new GMap2(document.getElementById('map'));
		  map.setCenter(new GLatLng(-28.246327971048842, 24.873046875), 5);
          		  
    // setup 10 random points

      var markers = new Array();
      
      markers[0] = new Array(new GMarker(new GLatLng(-29.791281, 31.026455)),
	  "<p><b>Kwazulu-Natal</b></p> Durban & Coastal Region","Kwazula-Natal - Durban<br/><br/>Gardenmaster cc<br/>231 Lothian Road, Durban North 4053<br/><br/>PO Box 801,<br/> Hyper By The Sea 4053<br/><br/>Tel: 031 5632 513<br/>Fax: 086 299 1050<br/>Cell: 0836 532513<br/>Email: gardenmaster@icon.co.za");
	  markers[1] = new Array(new GMarker(new GLatLng(-29.622414924968712, 30.373334884643555)),"Pietermaritzburg","Kwazula-Natal - Pietermaritzburg and Inland Region<br/><br/>Reapers Agricultural Supplies (PTY) LTD,<br/>1 Edmond Place,<br/>Camps Drift,<br/>Pietermaritzburg<br/><br/>Tel: 033 394 6301<br/>Fax:033 394 6333<br/>Email:sales@reapers.co.za");
	  markers[2] = new Array(new GMarker(new GLatLng(-22.874689, 29.88152)),"<p><b>Limpopo & North West Provinces</b></p>","Limpopo & North West Provinces<br/>Mak Solutions,<br/>231 Lothian Road<br/>Durban North 4051<br/><br/>Tel: 031 569 1209<br/>Fax:086 6628 808<br/>Cell: 0836 616 121<br/>Email: kevin@supaturf.co.za<br/><br/>North West Rep Details<br/><br/>Jimmy Benzies<br/>Cell:083 5859544<br/>Email: jimmybenzies@msn.com");	  	  
	  markers[3] = new Array(new GMarker(new GLatLng(-26.231193535638862, 28.217997550964355)),"<p><b>Gauteng Province</b></p>", "Reapers Agricultural Supplies (Pty) Ltd,<br/>1 West Street,<br/>Boksburg East<br/><br/>Tel: 0119 141 922<br/>Fax:011 9141923<br/>Cell:082 4155276<br/>Email:reapersadminjhb@telkomsa.net<br /><br />Snyman Prinsloo<br />Cell: 072 584 1532<br />Email: snyman.p@supaturf.co.za<br /><br />Charles Howard<br />Cell: 083 660 8541<br />Email: charles.h@supaturf.co.za");
	  markers[4] = new Array(new GMarker(new GLatLng(-29.09543, 26.227)),"<p><b>Free State & Northern Cape Provinces</b></p>","DMCD Agencies<br/>1B Stewart Crescent,<br/>Bloemfontein 9301<br/><br/>Tel: 051 436 2040<br/>Cell: 082 466 3420<br/>Email:donovan@supaturf.co.za"); 
	  markers[5] = new Array(new GMarker(new GLatLng(-32.991009, 27.901569)),"<p><b>Eastern Cape</b></p> East London","Eastern Cape - East London<br/>Kevan McDougall<br/>15 Western Ave<br/>Selborne<br/>East London 5201<br/>South Africa<br/>Tel:0437 266 655<br/>Cell: 0827 721 851<br/>Email: kevan.m@supaturf.co.za");
	  markers[6] = new Array(new GMarker(new GLatLng(-33.93264, 25.56995)),"Port Elizabeth","Eastern Cape - Port Elizabeth<br/>Willie Mostert<br/>24 Finch Street<br/>Cotswold Ext,<br/>Port Elizabeth 6045<br/>South Africa<br/>Tel: 041 364 3905<br/>Cell: 0832 617 137<br/>Email: willie.m@supaturf.co.za");
	 markers[7] = new Array(new GMarker(new GLatLng(-33.923776, 18.423346)),"<p><b>Western Cape Province</b></p> Cape Town","Western Cape Province<br/>Ikapa Trading<br/>Unit 4, 404 Voortrekker Street,<br/>Maitland,<br/>Cape Town<br/><br/>Tel:087 1505 269<br/>Fax: 021 5101138<br/>Cell: 0748 004 336<br/>Email: ikapatrading@gmail.com");
     markers[8] = new Array(new GMarker(new GLatLng(-25.4701, 30.97808)),"<p><b>Mpumalanga Province</b></p>","Mpumalanga Province<br/>Supaturf South Africa<br/>231 Lothian Road,<br/>Durban North 4051<br/><br />Tel:031 5632 513<br/>Fax:086 2991 050<br/>Cell:083 6532 513<br/>Email:info@supaturf.co.za");	  

				$.each(markers,function(i,marker){
					var delayTime = ((i * 3000) / (0.5 * markers.length));//Delay time decreases as number of markers increases
				
					setTimeout(function(){ 
						map.addOverlay(marker[0]);
						$("<li />")
							.html(markers[i][1])//Use list item label from array
							.click(function(){
								displayPoint(marker[0], i);
								setActive(this);//Show active state
							})
							.appendTo("#map_list");
					
						GEvent.addListener(marker[0], "click", function(){
							displayPoint(marker[0], i);
							setActive(i);//Show active location
						});
						
						displayPoint(marker[0], i);
						setActive(i);//Show active location
						if (i == (markers.length - 1)) {//If last item in array
							setTimeout(function(){//Remove active class and fade marker after delay
								$("#map_message").fadeOut();
								//setActive();
							}, 3500);
						}
					}, delayTime); 
				});
				
				$("#map_list").css("opacity","0.2").animate({opacity: 1}, 1100);//Fade in menu
				$("#map_message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));
								
				function displayPoint(marker, index){
					if ($('#map_message').is(':hidden')) {//Allow toggling of markers
						$('#map_message').fadeIn();
					}
					else{//Remove all .active classes and hide markers
						$('#map_message').hide();
						$(".active").removeClass();
					}
					//$("#map_message").hide();//Default behaviour, doesn't allow toggling
					
					var moveEnd = GEvent.addListener(map, "moveend", function(){
						var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
						$("#map_message")
							.html(markers[index][2])//Use information from array
							.fadeIn()
							.css({ top:markerOffset.y, left:markerOffset.x });
					GEvent.removeListener(moveEnd);
					});
					map.panTo(marker.getLatLng());
				}	
				
				function setActive(el){
					$(".active").removeClass();//Remove all .active classes
					$("#map_list").find('li').eq(el).addClass('active');//Find list element equal to index number and set active
					$(el).addClass('active');//Set active if list element clicked directly
				}
		
		}); //End onReady