// JavaScript Document

var f = document.getElementById("contactForm");
f.onsubmit = submitForm;

var fieldsIncomplete;

function submitForm(){
	
	// if not all fields are completed:
	if (!document.getElementById("contactName").value || !document.getElementById("contactEmail").value || !document.getElementById("contactMessage").value){
		
		// NAME
		if (!document.getElementById("contactName").value){
			document.getElementById("contactNameLabel").innerHTML = "Your name: <span class='error'>Please complete</span>";
		}else{ // highlight
			document.getElementById("contactNameLabel").innerHTML = "Your name:";
		}
		
		// PHONE NUMBER
		if (!document.getElementById("contactPhone").value){
			document.getElementById("contactPhoneLabel").innerHTML = "Phone number: <span class='error'>Please complete</span>";
		}else{ // highlight
			document.getElementById("contactPhoneLabel").innerHTML = "Phone number:";
		}
		
		// EMAIL
		if (!document.getElementById("contactEmail").value){
			document.getElementById("contactEmailLabel").innerHTML = "Email address: <span class='error'>Please complete</span>";
		}else{ // highlight
			document.getElementById("contactEmailLabel").innerHTML = "Email address:";
		}
		
		// MESSAGE
		if (!document.getElementById("contactMessage").value){
			document.getElementById("contactMessageLabel").innerHTML = "Message: <span class='error'>Please complete</span>";
		}else{ // highlight
			document.getElementById("contactMessageLabel").innerHTML = "Message:";
		}
		
		return false;
		
	}else {
		
		return true;
		
	}
	
}