$().ready(function() {

	$("#contactForm").validate({
		submitHandler: function(form) { 
			$(form).submit(function(){

					$(form).hide();

					$('.loader').append($('.bar')); 
					$('.bar').css({display:'block'});

					$.get('/wp-content/themes/cat_v4/mail.php',{name:$('#name').val(), mail:$('#mail').val(), pais:$('#pais').val(), direccion:$('#direccion').val()},

					function(data){
						$('.bar').css({display:'none'}); 
						$('.loader').append("<h2 class='exito'>&iexcl;Gracias!</h2>");  
					});	
			
					return false;	
				});
		},
		rules: {
			name: {
				required: true,
				minlength: 4
			},
			mail: {
				required: true,
				email: true
			},
			pais: {
				required: true
			},
			direccion: {
				required: true,
				url: true
			}
		},
		messages: {
			name: {
				required: "Necesito que te identifiques",
				minlength: "Minimo con 4 caracteres"
			},
			mail: {
				required: "Falta tu e-mail",
				email: "Tiene que ser un e-mail valido"
			},
			pais: {
				required: "Debes ingresar el pais del website"
			},
			direccion: {
				required: "Debes dejar tu comentario...",
				minlength: "Minimo son 10 caracteres",
				url: "Debe ser una direccion valida"
			}
		}
	});
/*	
	//trigger ajax on submit
	$('#contactForm').submit(function(){
		
		//hide the form
		$('#contactForm').hide();
		
		//show the loading bar
		$('.loader').append($('.bar')); 
		$('.bar').css({display:'block'});
		
		//send the ajax request  
		$.get('/wp-content/themes/cat_v4/mail.php',{name:$('#name').val(), email:$('#email').val(), comment:$('#message').val()},
	
		//return the data
		function(data){
			//hide the graphic
			$('.bar').css({display:'none'}); 
			$('.loader').append("<h2 class='exito'>&iexcl;Gracias!</h2>");  
		});	
	
		//stay on the page					
		return false;	
	});
*/
});