$(document).ready(function(){
    $("#contactForm").validate({
        rules:{
           'name':{
               required:true,
               minlength:4,
               maxlength:50
           },
           'company':{
               minlength:4,
               maxlength:50
           },
           'email':{
               required:true,
               email:true
           },
           'phoneNumber':{
               digits: true,
               minlength:11,
               maxlength:50
           },
           'comment':{
               required:true
           }
        },
        submitHandler: function() {
            $.ajax({
                type: 'POST',
                url: $("#contactForm").attr('action'),
                data: $("#contactForm").serialize(),
                success: function(data) {
                    $('#message').html(data);
                }
            });
        }
    });

    $().ajaxStart(function() {
        $("<img/>").attr({id: "comment-loader", src: "resources/images/loader.gif",
            alt: "Cargando"}).appendTo("#loader");
        $('#contactForm').hide();
        $('#message').hide();
    }).ajaxStop(function() {
        $('#comment-loader').hide();
        $('#message').fadeIn('slow');
    });
});

jQuery.extend(jQuery.validator.messages, {
    required: "Este campo es obligatorio.",
    remote: "Por favor, rellene esta campo.",
    email: "Por favor, escriba una dirección de correo válida",
    url: "Por favor, escriba una URL válida.",
    date: "Por favor, escriba una fecha válida.",
    dateISO: "Por favor, escriba una fecha (ISO) válida.",
    number: "Por favor, escriba un número entero válido.",
    digits: "Por favor, escriba sólo dígitos.",
    creditcard: "Por favor, escriba un número de tarjeta válido.",
    equalTo: "Por favor, escriba el mismo valor de nuevo.",
    accept: "Por favor, escriba una valor con una extensión aceptada.",
    maxlength: jQuery.format("Por favor, no escriba más de {0} caracteres."),
    minlength: jQuery.format("Por favor, no escriba menos de {0} caracteres."),
    rangelength: jQuery.format("Por favor, escriba un valor entre {0} y {1} caracteres."),
    range: jQuery.format("Por favor, escriba un valor entre {0} y {1}."),
    max: jQuery.format("Por favor, escriba un valor igual o menor que {0}."),
    min: jQuery.format("Por favor, escriba un valor igual o mayor que {0}.")
});