// JavaScript Document
reqColor = "#D2BA8C";
$(document).ready(function(){
	$("#btnSubmit").click(function() {
		//alert('gsdg');						
		form_check();								
									});
	});
function form_check () {
	var formTest = "";
	formTest += check_name();
	formTest += check_email();
	formTest += check_mssg();
	
		if(formTest !== "") {
		alert('Please fill in all highlighted fields with valid information.');	
		return false;
	}
	else {
		//alert('Fields filled in');
		formsubmit();
	}
	
}

function check_name(){
	var getName = document.getElementById('userName');
	var regEx = /[^a-zA-Z ]/
	if(regEx.test(getName.value) || getName.value ==""){
		
		getName.style.backgroundColor = reqColor;
		formIsValid = "error";
		return formIsValid;
	}
	else {
		getName.style.backgroundColor = "#fff";
		formIsValid = "";
		return formIsValid;
	}
}

function check_email(){
	var regEx =/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
	var getEmail = document.getElementById('userEmail');
	if(!regEx.test(getEmail.value)){
		
		getEmail.style.backgroundColor = reqColor;
		formIsValid = "error";
		return formIsValid;
	}
	else {
		getEmail.style.backgroundColor = "#fff";
		formIsValid = "";
		return formIsValid;
	}
}

function check_mssg(){
	var getMssg = document.getElementById('userComments');
	var regEx = /[^a-zA-Z0-9, \- \.]/
	if(regEx.test(getMssg.value) || getMssg.value == ""){
		
		getMssg.style.backgroundColor = reqColor;
		formIsValid = "error";
		return formIsValid;
	}
	else {
		getMssg.style.backgroundColor = "#fff";
		formIsValid = "";
		return formIsValid;
	}
}


function formsubmit() {							
	var formDiv = document.getElementById('contactForm');
	var uName = document.getElementById('userName').value;
	var uEmail = document.getElementById('userEmail').value;
	var uMssg = document.getElementById('userComments').value;
 	$.ajax({
    type: "POST",
    url: "php/emailForm.php",
    data: "userName="+uName+"&userEmail="+uEmail+"&userComments="+uMssg,
    success: function(msg){
    //alert( "Data Saved: " + msg );
	formDiv.innerHTML ="<p><strong>Thank you for your message</strong></p>"
   						 }
		 });
 						 }