var ReservationDetails = Class.create();
ReservationDetails.prototype = Object.extend(new PageForm(), {
  initialize: function() {
    //$('reservationLog').update("initialized..");
  },
  clearMessages: function() {
    this.clearErrors();
    $('reservationMessagesContainer').update();
  },
  validate: function() {
    if ($F('lastName').strip() == '') {
      this.addError(reservationValidationErrorLabels[0]);
    }
    if ($F('firstName').strip() == '') {
      this.addError(reservationValidationErrorLabels[1]);
    }
    if ($F('address').strip() == '') {
      this.addError(reservationValidationErrorLabels[2]);
    }
    if ($F('city').strip() == '') {
      this.addError(reservationValidationErrorLabels[3]);
    }
    if ($F('country').strip() == '') {
      this.addError(reservationValidationErrorLabels[4]);
    }
    if ($F('phone').strip() == '') {
      this.addError(reservationValidationErrorLabels[5]);
    }
  }
});

function initReservationForm() {
  var details = new ReservationDetails();
  $('lastName').focus();
  $('reservationDetailsForm').observe('submit', function(evt) {
    details.clearMessages();
    details.validate();
    if (details.hasErrors()) {
      details.showErrors('reservationMessagesContainer');
      Event.stop(evt);
    }
    else {
      $('reservationDetailsForm').command.value = 'sendReservation';
    }
  });
}
addOnLoadListener(initReservationForm);