$(document).ready(function() { 
    // Bind the form and validate before sending
    $('#enquryForm').ajaxForm( { clearForm: 'true', beforeSubmit: validateMyForm } ); 
    
    var options = { beforeSubmit: validateMyForm }; 
 
    // bind form using 'ajaxForm' 
    $('#enquryForm').ajaxForm(options); 
    
    $('#confirmationMessage').css( { position: fixed, display: none });
    
});


//Validate the form before sending to ensure both fields have been completed
function validateMyForm(formData, jqForm, options) { 
    
    	$('.error').removeClass();
		var hasError = false;
		$('#method').val('jQuery');
		
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		var phoneReg = /^([0-9\s]{6,15})?$/;
		var errormsg = '';
		
		var nameVal = $('#name').val();
		if(nameVal == '') {
			$('#name').addClass('error');
			errormsg ='Your name. ';
			hasError = true;
		}
				
		var emailVal = $('#email').val();
		if(emailVal == '') {
			$('#email').addClass('error');
			errormsg = 'Your email address. ';
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$('#email').addClass('error');
			errormsg = 'A valid email address. ';
			hasError = true;
		}
		
		var phoneVal = $('#phone').val();
		if(phoneVal == '') {
			$('#phone').addClass('error');
			errormsg = 'Your phone number. ';
			hasError = true;
		} else if(!phoneReg.test(phoneVal)) {
			$('#phone').addClass('error');
			errormsg = 'A valid phone number. ';
			hasError = true;
		}
		
		var enquiryVal = $('#enquiry').val();
		if(enquiryVal == '') {
			$('#enquiry').addClass('error');
			errormsg = 'An enquiry.';
			hasError = true;
		}
		
				
		if(hasError == false) {
  			var post = $('#enquryForm').serialize();
  			$.post("cfm.php", post, function(data) { 
    			// alert(data);
			});
			$('body').append('<div id="confirmationMessage">Thank you. Your enquiry has been sent</div>');
		    $('#confirmationMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
		    $('#submit').hide();     
		} else {
			$('body').append('<div id="errorMessage">Please fill in all required fields correctly.</div>');
			$('#errorMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
		}
		
		return false;	
}