$(document).ready(function() {
    $("#portfolio-carousel div").jCarouselLite({
        btnNext: "#next",
        btnPrev: "#previous",
        visible: 1,
        speed: 1000,
        auto: 5000
    });
	
    $('form').submit(function() {
	
        // Disable the submit button
        $('form input[type=submit]')
        .attr('value', 'Sending message')
        .attr('disabled', 'disabled');
	
        // AJAX POST request
        $.post(
            $(this).attr('action'),
            {
                name:$('#name').val(),
                email:$('#email').val(),
                message:$('#message').val()
            },
            function(errors) {
                // No errors
                if (errors == null) {
                    $('form')
                    .hide()
                    .html('<h3>Thank you</h3><p>Your message has been sent.</p>')
                    .show();
                }
	
                // Errors
                else {
                    // Re-enable the submit button
                    $('form input[type=submit]')
                    .removeAttr('disabled')
                    .attr('value', 'Send your Question');
	
                    // Technical server problem, the email could not be sent
                    if (errors.server != null) {
                        alert(errors.server);
                        return false;
                    }
	
                    // Empty the errorbox and reset the error alerts
                    $('form .ErrorBox').html('<ul></ul>').show();
                    $('form li').removeClass('Alert');
	
                    // Loop over the errors, mark the corresponding input fields,
                    // and add the error messages to the errorbox.
                    for (field in errors) {
                        if (errors[field] != null) {
                            $('#' + field).parent('li').addClass('Alert');
                            $('form .ErrorBox ul').append('<li>' + errors[field] + '</li>');
                        }
                    }
                }
            },
            'json'
            );
	
        // Prevent non-AJAX form submission
        return false;
    });

});