var geocoder;
  var map;
  var marker;
  var directionsService = new google.maps.DirectionsService();
  var directionsRenderer = new google.maps.DirectionsRenderer();

  
  function init(){
	//MAP
	var latlng = new google.maps.LatLng(-36.661683,-56.683257);
	var options = {
	  zoom: 4,
	  center: latlng,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
    
	map = new google.maps.Map(document.getElementById('map_canvas'), options);
 
	directionsRenderer.setMap(map);
	directionsRenderer.setPanel(document.getElementById('direcciones'));
	//GEOCODER
	geocoder = new google.maps.Geocoder();
       
	marker = new google.maps.Marker({
	  map: map,
	  draggable: true
	});
               
  }

  function route(){
	 var divError = document.getElementById('error_en_resultado');
	 divError.innerHTML = '';

	 var request = {
	   origin: document.getElementById('origen').value,
	   destination: document.getElementById('destino').value,
	   travelMode: google.maps.DirectionsTravelMode.DRIVING
	 };
	 
	 directionsService.route(request, function(result, status){
	  if (status == google.maps.DirectionsStatus.OK) {
		directionsRenderer.setDirections(result);
	  }else{
		divError.innerHTML = '<span class="rojo">No es posible establecer una ruta o hay un error en las direcciones</span>';
	  }
	 });
  }
  
//usando jQuery
$(document).ready(function() {
         
  init();
                 
  $(function() {
    $("#origen").autocomplete({
      //This bit uses the geocoder to fetch address values
      source: function(request, response) {
        geocoder.geocode( {'address': request.term, 'region':'aed'}, function(results, status) {
          response($.map(results, function(item) {
            return {
              label: item.formatted_address,
              value: item.formatted_address
            }
          }));
        });
      }
    });
    $("#destino").autocomplete({
      //This bit uses the geocoder to fetch address values
      source: function(request, response) {
        geocoder.geocode( {'address': request.term, 'region':'aed'}, function(results, status) {
          response($.map(results, function(item) {
            return {
              label: item.formatted_address,
              value: item.formatted_address
            }
          }));
        });
      }
    });
  });
});

google.maps.event.addDomListener(window, 'load', init);