﻿$(function() {

    $('#reservation-form #submit').click(function() {
        $('#submit').append('<img src="../images/ajax-loader-reservation.gif" height="16" width="16" class="loaderIcon" alt="Loading..." />');

        var reservation_type = $('input#reservation_type').val();
        var first_name = $('input#first_name').val();
        var last_name = $('input#last_name').val();
        var address = $('input#address').val();
        var city = $('input#city').val();
        var postal_code = $('input#postal_code').val();
        var arrival_date = $('input#arrival_date').val();
        var departure_date = $('input#departure_date').val();
        var person_number = $('input#person_number').val();
        var child_number = $('input#child_number').val();
        var accomodation = $('input#accomodation').val();
        var phone = $('input#phone').val();
        var fax = $('input#fax').val();
        var email = $('input#email').val();
        var message = $('textarea#message').val();

        $.ajax({
            type: 'post',
            url: '../includes/reservation.php',
            data: '&reservation_type=' + reservation_type + '&first_name=' + first_name + '&last_name=' + last_name + '&message=' + message + '&address=' + address +
                   '&city=' + city + '&postal_code=' + postal_code + '&arrival_date=' + arrival_date + '&departure_date=' + departure_date +
                   '&person_number=' + person_number + '&child_number=' + child_number + '&accomodation=' + accomodation + '&phone=' + phone +
                   '&fax=' + fax + '&email=' + email + '&message=' + message,

            success: function(results) {
                $('#submit img.loaderIcon').fadeOut(1000);
                $('#response').html(results);
            }
        }); // end ajax
    });
});
