mainFormSubmit=function(){
	var name = $('#nameEnq').val();
	var email = $('#emailEnq').val();
	var phone = $('#phoneNoEnq').val();
	var msg = $('#messageEnq').val();
	var dataString = 'name=' + name +  '&email=' + email + '&phone=' + phone + '&msg=' + msg;
	
	$.ajax({
		type: "POST",
		url: "/email.php",
		data: dataString,
		success: function() {
			$('#contactMain').html("<div id='message'></div>");
			$('#message').html("<strong>Your query was successfully submitted!</strong>")
			.append("<p>We will be in touch soon.</p>")
			.hide()
			.fadeIn(1500, function() {
				$('#message');
			});
		}
	});
}

footFormSubmit=function(){
	var name = $('#name').val();
	var email = $('#email').val();
	var msg = $('#message').val();
	var dataString = 'name=' + name +  '&email=' + email + '&msg=' + msg;
	
	$.ajax({
		type: "POST",
		url: "/email.php",
		data: dataString,
		success: function() {
			$('#contactdiv').html("<div id='messageFoot' style='text-align: center;'></div>");
			$('#messageFoot').html("<strong>Thank you for your message.</strong>")
			.append("<p>We will be in touch soon.</p>")
			.hide()
			.fadeIn(1500, function() {
				$('#message');
			});
		}
	});
}

$(document).ready(function(){
	$('#contactEnq').validate({
		submitHandler:function(form){
			mainFormSubmit();
		},
		rules: {
			nameEnq: "required",
			emailEnq: {
				required: true,
				email: true
			},
			phoneNoEnq: "digits",
			messageEnq: "required"
		},
		messages: {
			nameEnq: "Please, enter your name",
			emailEnq: {
				required: "Please, enter your email address",
				email: "Please, enter a valid email address"
			},
			messageEnq: "Please, enter a message"
		},
		focusInvalid: true
	});
	
	$('#contactFoot').validate({
		submitHandler:function(form){
			footFormSubmit();
		},
		errorContainer: "#footerFormError",
		rules: {
			name: "required",
			email: {
				required: true,
				email: true
			},
			message: "required"
		},
		messages: {
			name: '',
			email: '',
			message: ''
		}
	});
});