var center;
var center2;
var directionsPanel;
var directions;
var directionsPanel2;
var directions2;
var localSearch = new GlocalSearch();

function getPoints(postcode, callbackFunction) {
		
		localSearch.setSearchCompleteCallback(null, 
			function() {
				
				if (localSearch.results[0])
				{		
					var resultLat = localSearch.results[0].lat;
					var resultLng = localSearch.results[0].lng;
					var point = new GLatLng(resultLat,resultLng);
					callbackFunction(point);
				}else{
					alert("Postcode not found!");
				}
			});	
			
		localSearch.execute(postcode + ", UK");
	}

function initialize_maps() {
	if (GBrowserIsCompatible()) {
		//reading map
		var map = new GMap2(document.getElementById("map_canvas"));
		//center = new GLatLng(51.454629, -0.969654);
		center = new GLatLng(51.457037, -0.970521);
		map.setCenter(center, 15);
		map.setUIToDefault();
		
		//woodley map
		var map2 = new GMap2(document.getElementById("map_canvas2"));
		center2 = new GLatLng(51.442052, -0.897764);
		map2.setCenter(center2, 15);
		map2.setUIToDefault();
		
		// Create our "tiny" marker icon
		var tinyIcon = new GIcon();
		tinyIcon.image = "images/icons/key-icon.png";
		tinyIcon.shadow = "images/icons/key-icon-shadow.png";
		tinyIcon.iconSize = new GSize(20, 34);
		tinyIcon.shadowSize = new GSize(28, 34);
		tinyIcon.iconAnchor = new GPoint(2, 32);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		
		// Set up our GMarkerOptions object literal
		markerOptions = { icon:tinyIcon };
		var marker = new GMarker(center, markerOptions);
		var marker2 = new GMarker(center2, markerOptions);
		
		//add markers
		map.addOverlay(marker);
		map2.addOverlay(marker2);
		
		directionsPanel = document.getElementById("my_directions");
		directions = new GDirections(map, directionsPanel);
		
		directionsPanel2 = document.getElementById("my_directions2");
		directions2 = new GDirections(map2, directionsPanel2);
		
	}
}
	
$(document).ready(function(){
	var dirTo;
	initialize_maps();
	
	$('div.woodley').css("display", "none");
	$('li.reading').toggleClass("selected");
	
	$('a.reading').click(function() {
		$('div.woodley').css("display", "none");
		$('div.reading').css("display", "block");
		$('li.reading').addClass("selected");
		$('li.woodley').removeClass("selected");
		return false;
	});
	
	$('a.woodley').click(function() {
		$('div.reading').css("display", "none");
		$('div.woodley').css("display", "block");
		$('li.woodley').addClass("selected");
		$('li.reading').removeClass("selected");
		return false;
	});
	
	$('.postcode').focus(function() {
		if ($(this).val() == "Postcode") $(this).val(""); 
	});
	
	$('.dirbutton').click(function() {
		if ($(this).attr('name') == "readingFrom") getPoints($('#readingFrom').val(), displayDirReading);
		else if ($(this).attr('name') == "woodleyFrom") getPoints($('#woodleyFrom').val(), displayDirWoodley);
	});
	
	function displayDirReading (point) {
		dirTo = point.lat() + "," + point.lng() + " to " + center.lat() + "," + center.lng();
		directions.load(dirTo);
	}
	
	function displayDirWoodley (point) {
		dirTo = point.lat() + "," + point.lng() + " to " + center2.lat() + "," + center2.lng();
		directions2.load(dirTo);
	}
	
});