// activewebgroup javascript functions

// form defaults
var input1 = "Jane Doe";
var input2 = "Company Name";
var input3 = "example@domain.com"
var input4 = "123";
var input5 = "456";
var input6 = "7890";
var input7 = "1234";
var input8 = "Please provide us with some details about your new project.";

// highlights active field
function inputfocus(thisfield, defaultvalue){
	if (thisfield.value == defaultvalue){
	thisfield.value = "";
	}
	thisfield.className = "on";
}

// deselects active field
function inputblur(thisfield, defaultvalue){
	if (thisfield.value == ''){
	thisfield.value = defaultvalue;
	thisfield.className = "off";
	} else if (thisfield.value != '' && thisfield.value != defaultvalue) {
	 thisfield.className = "fill";
	} else {
	thisfield.className = "on";
	}
}

// jump phone numbers to the next field
function toUnicode(elmnt,content){
    if (content.length==elmnt.maxLength){
      next=elmnt.tabIndex
      if (next<document.forms[0].elements.length){
        document.forms[0].elements[next].focus()
    }
  }
}

// require something be entered in the name field that's longer then 1 character
function checkname(thisfield, defaultvalue){
	if (thisfield.value == ""){
	document.getElementById("name").className = "off";
	} else if (thisfield.value == defaultvalue || thisfield.value.length < 2){
	document.getElementById("message01").className = "messages_off";
	document.getElementById("name").className = "error";
	} else {
	document.getElementById("message01").className = "messages_on";
	}
}

// require something be entered in the company field that's longer then 1 character
function checkcompany(thisfield, defaultvalue){
	if (thisfield.value == ""){
	document.getElementById("company").className = "off";
	} else if (thisfield.value == defaultvalue || thisfield.value.length < 2){
	document.getElementById("message02").className = "messages_off";
	document.getElementById("company").className = "error";
	} else {
	document.getElementById("message02").className = "messages_on";
	}
}

// require the email field to contain @ symbol
function checkemail(){
	
	var length = document.getElementById("email").value.length;
  var found = false;

	for (i=0; i<length; i++){
    if (document.getElementById("email").value.charAt(i) == "@"){
    found = true;
    }
  }
	
	if (found == true && document.getElementById("email").value != "example@domain.com"){
  document.getElementById("message03").className = "messages_on";
  } else {
  document.getElementById("message03").className = "messages_off";
	document.getElementById("email").className = "error";
	}
}

// require phone number
function checkphone(){
	if (document.getElementById("phone1").value.length != 3 || 
	document.getElementById("phone2").value.length != 3 || 
	document.getElementById("phone3").value.length != 4 ||
	document.getElementById("phone1").value == "123" ||
	document.getElementById("phone2").value == "456"){
	document.getElementById("message04").className = "messages_off";
	document.getElementById("phone1").className = "error";
	document.getElementById("phone2").className = "error";
	document.getElementById("phone3").className = "error";
	} else {
	document.getElementById("message04").className = "messages_on";
	document.getElementById("phone1").className = "fill";
	document.getElementById("phone2").className = "fill";
	document.getElementById("phone3").className = "fill";
	}
}

// reset everything
function resetblur(){
	document.getElementById("name").value = input1;
	document.getElementById("company").value = input2;
	document.getElementById("email").value = input3;
	document.getElementById("phone1").value = input4;
	document.getElementById("phone2").value = input5;
	document.getElementById("phone3").value = input6;
	document.getElementById("phone4").value = input7;
	document.getElementById("comments").value = input8;
	document.getElementById("name").className = "off";
	document.getElementById("company").className = "off";
	document.getElementById("email").className = "off";
	document.getElementById("phone1").className = "off";
	document.getElementById("phone2").className = "off";
	document.getElementById("phone3").className = "off";
	document.getElementById("phone4").className = "off";
	document.getElementById("service").className = "off";
	document.getElementById("comments").className = "off";
    document.getElementById("message01").className = "";
	document.getElementById("message02").className = "";
	document.getElementById("message03").className = "";
	document.getElementById("message04").className = "";
}

// submission function
function submitform(){
	
	var length = document.theform.email.value.length;
	var found = false;

	for (i=0; i<length; i++){
			if (document.theform.email.value.charAt(i) == "@"){
			found = true;
			}
		}
	
	if (document.theform.name.value == "" || document.theform.name.value == input1 || document.theform.name.value.length < 2)
	{
		document.getElementById("message01").className = "messages_off";
		location = '#top';
		document.theform.name.focus();
		return false;
	
	} else if (found == false || document.theform.email.value == input2) {
		
	  document.getElementById("message02").className = "messages_off";
		location = '#top';
		document.theform.email.focus();
		return false;
	
	} else if (document.theform.phone1.value.length != 3 || document.theform.phone1.value == "123") {
	
		document.getElementById("message03").className = "messages_off";
		location = '#top';
		document.theform.phone1.focus();
		return false;
		
	} else if (document.theform.phone2.value.length != 3 || document.theform.phone2.value == "456") {
	
		document.getElementById("message03").className = "messages_off";
		location = '#top';
		document.theform.phone2.focus();
		return false;	
	
	} else if (document.theform.phone3.value.length != 4) {
	
		document.getElementById("message03").className = "messages_off";
		location = '#top';
		document.theform.phone3.focus();
		return false;	
		
	} else {
		
	if (document.theform.timeframe.value == input7) {
		document.theform.timeframe.value = "";
	}
	
	if (document.theform.comments.value == input8) {
		document.theform.comments.value = "";
	}
		
		return true;
		
	}
	
} //end submission function