var map = '';
var markers = [];
function load() {
	if (GBrowserIsCompatible()) {
	
		// map initialisation
		
		map = new GMap2($("#map").get(0));
		var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));
		var topLeft = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(10,10));
		var uk_map = new GLatLng(52.492815, -0.708618);
		map.addMapType(G_PHYSICAL_MAP);
		map.setMapType(G_PHYSICAL_MAP);
		map.setCenter(uk_map, 6);
		map.addControl(new GLargeMapControl3D(), topLeft);
		map.addControl(new GMenuMapTypeControl(), topRight);
		var manager = new GMarkerManager(map);

		// marker creation
		
		var marker1 = new GMarker(new GLatLng(53.729966, -0.549821));
		markers[0] = marker1;
		manager.addMarker(marker1, 4, 15);
		
		var marker2 = new GMarker(new GLatLng(50.821201, -0.475073));
		markers[1] = marker2;
		manager.addMarker(marker2, 4, 15);
		
		var marker3 = new GMarker(new GLatLng(50.812389, -0.739152));
		markers[2] = marker3;
		manager.addMarker(marker3, 4, 15);
	
		// marker event listeners
	
		GEvent.addListener(marker1, "click", function() {
			map.setCenter(this.getLatLng(), 15);
			highlightLi(1);
		});
		
		GEvent.addListener(marker2, "click", function() {
			map.setCenter(this.getLatLng(), 15);
			highlightLi(2);
		});
		
		GEvent.addListener(marker3, "click", function() {
			map.setCenter(this.getLatLng(), 15);
			highlightLi(3);
		});
		
		GEvent.addListener(map, "zoomend", function(old, current) {
			manager.refresh();
		});
	 
	}
	
}

function highlightLi(li_number) {
	
	$('ul#locations > li').each(function (i) {
		$(this).children('a').removeClass('active');
		$(this).children('div').slideUp();
	});
	
	var element = $('ul#locations > li:nth-child('+li_number+')');
	
	element.children('a').addClass('active');
	element.children('div').slideDown();
	
}

$(document).ready(function() {

	Cufon.replace('h1, h2, h3, table th, form ul li label, ul.herbs em');
	
	$('ul#locations > li > div').hide();
	
	$('ul#locations > li > a').click(function(){
											  
		if($(this).hasClass('active')) {	
		
			map.setCenter(new GLatLng(52.492815, -0.708618),6);
			$(this).removeClass('active');
			$(this).parent().children('div').slideUp();
		
		} else {
			
			$('ul#locations > li').each(function (i) {
				$(this).children('a').removeClass('active');
				$(this).children('div').slideUp();
			});
			
			$(this).addClass('active');
			$(this).parent().children('div').slideDown();
			
			$('ul#locations > li').each(function (i) {
				if($(this).children().hasClass('active')) {
					marker_no = i;
					return marker_no;
				}
			});
			
			coords = markers[marker_no].getLatLng();
			map.setCenter(coords,15);
			
		}
		
	});
	
	$('ul.herbs > li').each(function (i) {
		if(i%3 == 2) {
			$(this).addClass('last');
		}
	});


});