// gmaps + gdirections

var directionDisplay;
	var directionsService = new google.maps.DirectionsService();

	function initialize() {
		var latlng = new google.maps.LatLng(51.837506,5.883398);
		directionsDisplay = new google.maps.DirectionsRenderer();
		var myOptions = {
            scrollwheel: false,
			zoom: 14,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false
		};

		var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
		directionsDisplay.setMap(map);
		directionsDisplay.setPanel(document.getElementById("directionsPanel"));
		var marker = new google.maps.Marker({
			position: latlng, 
			map: map, 
			title:"Demare | Contact"
		}); 

	}

	function calcRoute() {
		var start = document.getElementById("routeStart").value;
		var end = "51.837506,5.883398";
		var request = {
			origin:start,
			destination:end,
			travelMode: google.maps.DirectionsTravelMode.DRIVING
		};

		directionsService.route(request, function(response, status) {
			if (status == google.maps.DirectionsStatus.OK) {
				directionsDisplay.setDirections(response);
			}
		});
	}