$(document).ready(function(){
			$('#send_message').click(function(e){
				
				//stop the form from being submitted
				e.preventDefault();
				
				/* declare the variables, var error is the variable that we use on the end
				to determine if there was an error or not */
				var error = false;
				var name = $('#name').val();
				var email = $('#email').val();
				var number = $('#number').val();
				var subject = $('#subject').val();
				var message = $('#message').val();
				
				// fade in errors on error
				if(name.length == 0){
					var error = true;
					$('#name_error').fadeIn(500);
				}else{
					$('#name_error').fadeOut(500);
				}
				if(email.length == 0 || email.indexOf('@') == '-1'){
					var error = true;
					$('#email_error').fadeIn(500);
				}else{
					$('#email_error').fadeOut(500);
				}
				if(number.length == 0){
					var error = true;
					$('#number_error').fadeIn(500);
				}else{
					$('#number_error').fadeOut(500);
				}
				if(subject.length == 0){
					var error = true;
					$('#subject_error').fadeIn(500);
				}else{
					$('#subject_error').fadeOut(500);
				}
				if(message.length == 0){
					var error = true;
					$('#message_error').fadeIn(500);
				}else{
					$('#message_error').fadeOut(500);
				}
				
				//now when the validation is done we check if the error variable is false (no errors)
				if(error == false){
					//disable the submit button to avoid spamming
					//and change the button text to Sending...
					$('#send_message').attr({'disabled' : 'true', 'value' : 'Sending...' });
					
					// we get all the data from the form we submit it to send_email.php
					$.post("send_email.php", $("#contact_form").serialize(),function(result){
						//and after the ajax request ends we check the text returned
						if(result == 'sent'){
							//if the mail is sent remove the button
							 $('#button').remove();
							//and show the mail success div
							$('#mail_success').fadeIn(500);
						}else{
							//show the mail failed div
							$('#mail_fail').fadeIn(500);
							//reenable the submit button by removing attribute disabled and change the text back to Send The Message
							$('#send_message').removeAttr('disabled').attr('value', 'Submit');
						}
					});
				}
			});    
		});