// JavaScript Document
$(document).ready(function(){
$("#fcontactanos").validate({
        rules: {
			paterno: {
				required: true,
				minlength: 3,
				maxlength: 100
            },
			materno: {
				required: false,
				minlength: 3,
				maxlength: 100
            },
			nombre: {
				required: true,
				minlength: 3,
				maxlength: 100
            },
			edad: {
				required: false,
				number: true,
				minlength: 1,
				maxlength: 3
            },
            email: {
                required: true,
				email: true
            },
			calle: {
				required: false,
				minlength: 3,
				maxlength: 100
            },
			numext: {
				required: false,
				minlength: 1,
				maxlength: 4
            },
			numint: {
				required: false,
				minlength: 1,
				maxlength: 4
            },
			cp: {
				required: false,
				minlength: 1,
				number: true,
				maxlength: 8
            },
			colonia: {
				required: false,
				minlength: 3,
				maxlength: 300
            },
			delegacion: {
				required: false,
				minlength: 3,
				maxlength: 300
            },
			comentarios: {
				required: false,
				minlength: 10,
				maxlength: 300
            }
        },
		messages: {
			paterno: "",
			materno: "",
			nombre: "",
			edad: "",
            email: "",
			calle: "",
			numint: "",
			numext: "",
			cp: "",
			colonia: "",
			delegacion: "",
			comentarios:""
		},
		submitHandler: function() {
			$("#fcontactanos").ajaxSubmit({
				beforeSubmit:  showRequest,  // pre-submit callback 
				success:       showResponse  // post-submit callback
				});
		
		},
		highlight: function(element, errorClass) {
	     $(element).addClass('errorClass');
		},
		unhighlight: function(element, errorClass){
		$(element).removeClass('errorClass');
		}
    });

	$("#loading").ajaxStart(function(){
	   $(this).show();
	 });
	

	function showRequest(formData, jqForm, options) { 
		$("#enviar").attr("disabled", true);
	} 

	// post-submit callback 
	function showResponse(responseText, statusText)  { 
		$("#loading").hide("slow");
		$("#response").show("slow").append(responseText).fadeTo(3000, 1).fadeOut(2000);
		$("#enviar").removeAttr("disabled");
		$('#borrar').click();
	}
});