$(document).ready(function(){
    $("#formulario").validate({
        debug: false,
		rules: {
			nombre: {
				required: true,
				minlength: 2
			},
            tlf: {
				required: true,
                digits: true
			},
			email: {
				required: true,
				minlength: 5,
                email: true
			},
			poblacion: {
				required: true,
				minlength: 2
			},
			comentario: {
				required: true,
				minlength: 2
			},
			captcha_code: {
				required: true,
				minlength: 6
			}
		},
		messages: {
			nombre: {
				required: "Name required.",
				minlength: "Minimum 2 characters."
			},
            tlf: {
				required: "Tel required.",
                digits: "Must comprise numbers."
			},
			email: {
				required: "Email required.",
				minlength: "Minimum 5 characters.",
                email: "E-mail not valid."
			},
			poblacion: {
				required: "City required.",
				minlength: "Minimum 2 characters."
			},
			comentario: {
				required: "Comment required.",
				minlength: "Minimum 2 characters."
			},
			captcha_code: {
				required: "Code required.",
				minlength: "Minimum 6 characters."
			}
		}
	});
    // Interceptamos el evento submit
    $('#formulario').submit(function() {
        if($("#formulario").valid())
        {
            // Enviamos el formulario usando AJAX
            $('.resultado').hide();
            $('.Formulario').fadeIn(300);
            $.ajax({
                type: 'POST',
                url: $(this).attr('action'),
                data: $(this).serialize(),
                // Mostramos un mensaje con la respuesta de PHP
                success: function(data) {
                    //$("form")[0].reset();
                    if( data == "ok" )
                    {
                        $("form")[0].reset();
                        $respuesta = "<p id='parrafoMail'>We shall handle your request as soon as possible.</p>"
                        $('.resultado').html($respuesta);
                    }
                    else
                    {
                        $('.resultado').html(data);
                    }
                    $('.Formulario').fadeOut(200,function(){
                        $('.resultado').fadeIn(800,function(){
                            document.getElementById('captcha').src = './miscript/php/clases/securimage/securimage_show.php?' + Math.random();
                            setTimeout(function(){
                                $('.resultado').fadeOut(500,function(){
                                    $('.Formulario').fadeIn(800,function(){ 
                                        return false;
                                    });
                                });
                            },3000);
                        });
                            
                    });
                }
            })        
            return false;
        }
    });
});