var map;
var mapCenter;
var dirService; 
var dirRenderer;

function init() {
	
	mapDiv = document.getElementById('gmap');
	dirButton = document.getElementById('gmap-get-dir');
	fromInput = document.getElementById('gmap-from');
	dirContainer = document.getElementById('gmap-directions');
	
	mapCenter = new google.maps.LatLng(43.27397926002003, 11.987961530685425);
	
	dirService = new google.maps.DirectionsService();
	dirRenderer = new google.maps.DirectionsRenderer();
	
	map = new google.maps.Map(mapDiv, {
		center: mapCenter,
		zoom: 15,
		mapTypeId: google.maps.MapTypeId.HYBRID
	});
	
	var marker = new google.maps.Marker({
		position: mapCenter,
		map: map,
		title: 'Hotel San Luca'
	});
	
	var infowindow = new google.maps.InfoWindow({
   		content: '<strong>Hotel San Luca</strong>'
	});
	
	google.maps.event.addListener(marker, 'click', function() {
	  infowindow.open(map, marker);
	});
	
	//directions
	google.maps.event.addDomListener(dirButton, 'click', function() {
		var fromStr = fromInput.value;
		var toStr = mapCenter;
		var dirRequest = {
	      origin: fromStr,
	      destination: toStr,
	      travelMode: google.maps.DirectionsTravelMode.DRIVING,
	      //unitSystem: Demo.getSelectedUnitSystem(),
	      provideRouteAlternatives: true		
		};
		dirService.route(dirRequest, function(dirResult, dirStatus){
		    if (dirStatus != google.maps.DirectionsStatus.OK) {
		      	alert('Directions failed: ' + dirStatus);
		      return;
		    }
		 
		    // Show directions
		    dirRenderer.setMap(map);
		    dirRenderer.setPanel(dirContainer);
		    dirRenderer.setDirections(dirResult);
		});
	});
	
	//google.maps.event.addListener(map, 'click', function(e) { prompt('GLatLng', e.latLng); });
}
google.maps.event.addDomListener(window, 'load', init);