var btnSubmit = document.getElementById("btnSubmit");
var labels = document.getElementsByTagName("label");
var errorRed = "#ff0000";

btnSubmit.onclick = checkForm

function checkForm()
{
	var name = document.getElementById("name");
	var email = document.getElementById("email");
	var phone = document.getElementById("phone");
	var town = document.getElementById("town");
	var country = document.getElementById("country").selectedIndex;
	var question = document.getElementById("question");
	var method = document.getElementById("method");
	var checkAt = email.value.indexOf("@");
	var checkDot = email.value.indexOf(".");
	
	/* validate name ***********************************************/
	if (name.value == "")
	{
		labels[0].style.color = errorRed;
		hideAllErrors();
		document.getElementById("nameError").style.display = "inline";
		document.getElementById("name").select();
		document.getElementById("name").focus();
		name.focus();
		return false;
	}
	else
	{
		labels[0].style.color = "#000000";
		document.getElementById("nameError").style.display = "none";
	}
	
	/* validate email address **************************************/
	if (email.value == "")
	{
		labels[1].style.color = errorRed;
		hideAllErrors();
		document.getElementById("emailError").style.display = "inline";
		document.getElementById("email2Error").style.display = "none";
		document.getElementById("email").select();
		document.getElementById("email").focus();
		email.focus();
		return false;
	}
	
	if (checkAt == -1 || checkDot == -1)
	{
		labels[1].style.color = errorRed;
		hideAllErrors();
		document.getElementById("emailError").style.display = "none";
		document.getElementById("email2Error").style.display = "inline";
		document.getElementById("email").select();
		document.getElementById("email").focus();
		email.focus();		
		return false;
	}
	else
	{
		labels[1].style.color = "#000000";
		document.getElementById("emailError").style.display = "none";
		document.getElementById("email2Error").style.display = "none";
	}
	
	/* validate phone *************************************************/
	if (phone.value == "")
	{
		labels[2].style.color = errorRed;
		hideAllErrors();
		document.getElementById("phoneError").style.display = "inline";
		document.getElementById("phone").select();
		document.getElementById("phone").focus();
		phone.focus();
		return false;
	}
	else
	{
		labels[2].style.color = "#000000";
		document.getElementById("phoneError").style.display = "none";
	}

	/* validate town *************************************************/
	if (town.value == "")
	{
		labels[3].style.color = errorRed;
		hideAllErrors();
		document.getElementById("townError").style.display = "inline";
		document.getElementById("town").select();
		document.getElementById("town").focus();
		town.focus();
		return false;
	}
	else
	{
		labels[3].style.color = "#000000";
		document.getElementById("townError").style.display = "none";
	}
	
	/* validate dropdown selection ************************************/
	if(country == "")
	{  
	/*default:*/
		labels[4].style.color = errorRed;
		hideAllErrors();
		document.getElementById("countryError").style.display = "inline";
		return false;
	}
	else
	{
		labels[4].style.color = "#000000";
		document.getElementById("countryError").style.display = "none";
	}

	/* validate question **********************************************/
	if (question.value == "")
	{
		labels[5].style.color = errorRed;
		hideAllErrors();
		document.getElementById("questionError").style.display = "inline";
		document.getElementById("question").select();
		document.getElementById("question").focus();
		question.focus();
		return false;
	}
	else
	{
		labels[5].style.color = "#000000";
		document.getElementById("countryError").style.display = "none";
	}
	
	/* everything checks out - submit the form *************************/
	alert("Thank you "+name.value+" for your Email.");
	return true;
}

	/* hide the error divs *********************************************/
function hideAllErrors() {
  document.getElementById("nameError").style.display = "none"
  document.getElementById("emailError").style.display = "none";
  document.getElementById("email2Error").style.display = "none";
  document.getElementById("phoneError").style.display = "none";
  document.getElementById("townError").style.display = "none";
  document.getElementById("countryError").style.display = "none";
  document.getElementById("questionError").style.display = "none";
}