$(document).ready(function() {
  $('#formFooter').submit(function() {
		var imgId = $(this).serialize();
		if ($("#formFooter").validate().form())
		{
			$.post("/v4/home/footerMail", imgId);
			$('#formFooter').append('<div id="okSent"><p>Muchas gracias.</p><p>Nos contactaremos con usted a la brevedad</p></div>');
			$('#formFooter .InputText').fadeOut(200, function(){
				$('#formFooter .InputText').remove();
				$('#formFooter #okSent').fadeIn(500);
			})
		}
		return false;
	});
  $("#formFooter").validate({
	rules: {
	  nombre: 	{required: true},
	  apellido: {required: true},
	  email: 	{required: true,email:true},
	},
	messages: {
	  nombre: {required:"Ingrese un Nombre."},
	  apellido: {required:"Ingrese un Nombre."},
	  email: {required:"Ingrese un email.",email: "Ingrese un email v&aacute;lido."},
	},
	errorElement: "div",
	wrapper: "div",  // a wrapper around the error message
        errorPlacement: function(error, element) {
            offset = element.offset();
            error.insertAfter(element)
            error.addClass('errorBox clearfix');  // add a class to the wrapper
            error.append('<span class="flecha pngfix"></span>')
        }
	})
  });