window.onload = initForm;

function initForm(){
	document.getElementById("contactMe").onsubmit = validForm;
}

function validForm(){
	valid = true;
	if (document.contactMe.firstName.value == ""){
		document.getElementById("errorMsg").innerHTML = "Please Enter First Name";
		document.contactMe.firstName.focus();
		document.contactMe.firstName.parentNode.className = "invalid";
		valid = false;
	}
	if (document.contactMe.lastName.value == ""){
		document.getElementById("errorMsg").innerHTML = "Please Enter Last Name";
		document.contactMe.lastName.focus();
		document.contactMe.lastName.parentNode.className = "invalid";
		valid = false;
	}
	
	var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	
	if (document.contactMe.emailAddress.value.match(emailExp)){
		
	}else{
		document.getElementById("errorMsg").innerHTML = "Please Enter a valid email address";
		document.contactMe.emailAddress.focus();
		document.contactMe.emailAddress.parentNode.className = "invalid";
		valid = false;	
	}
	
	if (valid == true){
		ajaxFunction();
		return false;
	}else{
		return valid;	
	}
	
}

function ajaxFunction(){
	var email = document.contactMe.emailAddress.value;
	var firstName = document.contactMe.firstName.value;
	var lastName = document.contactMe.lastName.value;
	var message = document.contactMe.message.value;	
	var ajaxRequest; 
	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	
	var url = "submitform.php";
	var params = "email=" + email + "&firstname=" + firstName + "&lastname=" + lastName + "&message=" + message;
	ajaxRequest.open("POST", url, true);

	//Send the proper header information along with the request
	ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
	ajaxRequest.setRequestHeader("Content-length", params.length);
	ajaxRequest.setRequestHeader("Connection", "close");
	
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			// Get the data from the server's response
			document.getElementById("formContents").innerHTML = ajaxRequest.responseText;
		}
	}	

	ajaxRequest.send(params);

}