$().ready(function() {

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

					$(form).hide();

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

					$.get('/wp-content/themes/csslab_v4/mail.php',{name:$('#name').val(), email:$('#email').val(), comment:$('#message').val()},

					function(data){
						$('.bar').css({display:'none'}); 
						$('.loader').append("<h2 class='exito'>&iexcl;Gracias!</h2>");  
					});	
			
					return false;	
				});
		}, 
		rules: {
			name: {
				required: true,
				minlength: 4
			},
			email: {
				required: true,
				email: true
			},
			message: {
				required: true,
				minlength: 10
			}
		},
		messages: {
			name: {
				required: "Necesito que te identifiques",
				minlength: "Minimo con 4 caracteres"
			},
			email: {
				required: "Falta tu e-mail",
				email: "Tiene que ser un e-mail valido"
			},
			message: {
				required: "Debes dejar tu comentario...",
				minlength: "Minimo son 10 caracteres"
			}
		}
	});
	
	//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/csslab_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;	
	});
*/
});