$(document).ready(function() {
	    
    $('#envoyerMessage').click(function() {
		
		 $('#contact').submit();

	});
	
});

function formOk() {
	
	//	Get field
		var firstname = $('#firstname').val();
		var lastname = $('#lastname').val();
		var email = $('#email').val();
		var phone = $('#phone').val();
		var comment = $('#comment').val();
	
	// 	Send an AJAX request to get all the states.
	    $.get( 'send?firstname=' + firstname + '&lastname=' + lastname + '&email=' + email + '&phone=' + phone +  '&comment=' + comment, function(response) {
	    
	    	//	Get Popup
				$("#mask").fadeIn('slow', function() {
					
					//	Get Popup
						$("#popup").fadeIn('slow', function() {
							
							$('#closer').click(function() {
								
									//	Get Popup
										$("#popup").fadeOut('slow', function() {
											
											//	Get Popup
												$("#mask").fadeOut('slow', function() {
														
												});		
										
										});		
								        
							});
								
						});		
				
				});		
	        	
	    }); 
			
}

$.validator.setDefaults({
	submitHandler: function(form) { formOk(); }
});

$().ready(function() {
	
	// validate signup form on keyup and submit
	$("#contact").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			phone: "required",
			email: { 
					required: true,
					email: true 
			},
			comment: "required",
		}, 
		messages : {
			firstname: false,
			lastname: false,
			email: false,
			phone: false,
			comment: false
		}
	});
	
});