$(document).ready(function() {
  
  $('#f_libelle_ville').autocomplete({
      source: 'affiche_ville_autocomplete.php',
      select: function(event, ui) {
				$('#f_id_ville').val(ui.item.id);
				$('#ville_choisie').html(ui.item.label);
			},
			multiple: true
  });
  
  $('#f_libelle_ville2').autocomplete({
      source: 'affiche_ville_autocomplete.php',
      select: function(event, ui) {
				$('#f_id_ville2').val(ui.item.id);
				$('#ville_choisie2').html(ui.item.label);
			},
			multiple: true
  });
  
	$("#datepicker").datepicker({
    dateFormat: 'dd/mm/yy',
    monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
    dayNamesMin: ['Di','Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
    monthNamesShort:['Jan','Fév','Mar','Avr','Mai','Juin','Juil','Août','Sept','Oct','Nov','Déc'],
    showAnim: 'slideDown',
    changeMonth: true,
    beforeShow: function() {  
      $('#datepicker').val('');  
      return {};  
    }  
  }); 
  
  $("input[name='f_bouton']").click(function(){
    
    if(!$('#f_id_ville').val()){
      alert('Vous devez choisir une ville de depart !');
    }
    if(!$('#f_id_ville2').val()){
      alert('Vous devez choisir une ville d\'arrivée !');
    }
    if(!$('#datepicker').val()){
      alert('Vous devez choisir une date !');
    }
    if($('#f_id_ville').val() && $('#f_id_ville2').val() && $('#datepicker').val()){
      $.get(
      "test_horaire_calcul.php",
      {
        depart: $('#f_id_ville').val(), 
        arrivee: $('#f_id_ville2').val(),
        date: $('#datepicker').val(),
        heure: $("select[name='f_heure'] option:selected").val(),
        minute: $("select[name='f_minute'] option:selected").val(),
        seconde: $("select[name='f_seconde'] option:selected").val()
      },
      function(data){
        $('#f_resultat').html(data);
      });
    }
  })
});