var directionsService;
var directionsDisplay;

function initializeMap() {
	directionsService = new google.maps.DirectionsService();
	directionsDisplay = new google.maps.DirectionsRenderer();
    var mapOptions = {
		zoom: 8,
		center: storeLocation,
		navigationControl: true,
		mapTypeControl: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
    		mapOptions);
    var marker = new google.maps.Marker({
		position: storeLocation,
		title:pintitle,
		draggable: false,
		icon: markerImage
	});
	marker.setMap(map); 
	directionsDisplay.setMap(map);
}

function calculateRoute() {
	var start = $('#postcode').val();
	var request = {
		origin:start, 
		destination:storeLocation,
		travelMode: google.maps.DirectionsTravelMode.DRIVING
	};
	directionsService.route(request, function(result, status) {
		if (status == google.maps.DirectionsStatus.OK) {
			directionsDisplay.setDirections(result);
		}
	});
}
$(document).ready(function(){
	initializeMap();
	$('#calculate_route').click(function(){
		calculateRoute();
	});
});