var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;


function mapControl() {
	directionsDisplay = new google.maps.DirectionsRenderer();
	var latlng = new google.maps.LatLng(38.927358, -94.384287);
    var myOptions = { 
		zoom: 15, 
		center: latlng, 
		streetViewControl:false, 
		panControl:false, 
		zoomControl:false, 
		mapTypeControl:false, 
		mapTypeId: google.maps.MapTypeId.ROADMAP 
	};
	
	 map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
    directionsDisplay.setMap(map);
    directionsDisplay.setPanel(document.getElementById('directionsPanel'));
	 var image = 'Logo Images/SPC_browser_logo.png';
	 var marker = new google.maps.Marker({
      position: latlng,
      map: map,
      icon: image
  });
	
}

function calcRoute(which) {
		  
		var start = document.getElementById('addInput').value;
		var end = "810 NW Commerce 64086";
		
		var request = {
			origin:start, 
			destination:end,
			travelMode: google.maps.DirectionsTravelMode.DRIVING
		};
		
		switch(which) {
			
			case 1:
				document.getElementById('map_canvas').style.display = 'block';
				document.getElementById('directionsPanel').style.display = 'none';
				document.getElementById('directionsButton').style.display = 'block';
				document.getElementById('routeButton').style.display = 'none';

				break;
			case 2:
				document.getElementById('map_canvas').style.display = 'none';
				document.getElementById('directionsPanel').style.display = 'block';
				document.getElementById('directionsButton').style.display = 'none';
				document.getElementById('routeButton').style.display = 'block';
				break;
			
		}
		
		directionsService.route(request, function(response, status) {
			if (status == google.maps.DirectionsStatus.OK) {
				directionsDisplay.setDirections(response);
			}
	});
	
}