var gValidForm = true;
var gShowErrorHeader = false;
var gFocusElement = "";
var aServiceRequested = "";
var aLeaseType = "";

$(document).ready(function() {
	$("#webForm").find(".required").each(function() {
		$(this).change(function() {
			fieldCheck(this.id);
			
		});
	});
});

/////////////////////////////////////////////////////////////////////////////////////////////
function checkElement(fieldName, message, fieldCondition) {
	//if(gValidForm == true) {
		if(document.getElementById(fieldName).value == fieldCondition) {
			//alert(message);
			highlightError(fieldName, message, fieldCondition);
		}
		else {
			removeError(fieldName);
		}
	//}
}

/////////////////////////////////////////////////////////////////////////////////////////////
function checkScriptValue(mVariable, mValue, fieldName, message, fieldCondition, level) {
	if(mVariable == mValue) {
		highlightError(fieldName, message, fieldCondition, level);
	}
	else {
		removeError(fieldName);
	}
}

/////////////////////////////////////////////////////////////////////////////////////////////
function showErrorHeader() {
	$("#formIntro").after("<div class=\"errorheader\"><h2>There was an error with your form</h2><p>Please correct the highlighted fields and submit this form again.</p></div>");
}

/////////////////////////////////////////////////////////////////////////////////////////////
function highlightError(fieldName, message, fieldCondition,level) {
	var findError = false;
	$("#"+fieldName).parent().parent().addClass("error");
	$("#"+fieldName).parent().parent().find("p").each(function() {
		findError = true;
	});
	if(findError == false) {
		if(level == 1) {
			$("#"+fieldName).parent().next().after("<p class=\"error\">" + message + "</p>");
		}
		else if(level == 2) {
			$("#"+fieldName).parent().next().next().after("<p class=\"error\">" + message + "</p>");
		}
		else {
			$("#"+fieldName).parent().after("<p class=\"error\">" + message + "</p>");
		}
	}
	if(gFocusElement == "") {
		gFocusElement = "document.getElementById(\"" + fieldName + "\").focus()";
	}
	gValidForm = false;
}

/////////////////////////////////////////////////////////////////////////////////////////////
function removeError(fieldName) {
	$("#"+fieldName).parent().parent().removeClass("error");
	$("#"+fieldName).parent().parent().find("p").each(function() {
		$(this).remove();
	});
}


/////////////////////////////////////////////////////////////////////////////////////////////
function checkForm() {
	gValidForm = true;
	gFocusElement = "";
	
	fieldCheck("checkForm");
	
	if(gValidForm == true) {
		document.getElementById("theLeaseType").value = aLeaseType;
		document.getElementById("theServiceRequested").value = aServiceRequested;
		if(document.getElementById("optIn").checked) {
			document.getElementById("OptInCheck").value = "Y";
		}
		if(document.getElementById("formSubmitBtnFlag").value == "N") {
			document.getElementById("requestQuoteBtn").disabled = true;
			document.getElementById("formSubmitBtnFlag").value = "Y";
			document.getElementById("webForm").submit();
		}
	}
	else {
		if(gShowErrorHeader == false) {
			showErrorHeader();
		}
		gShowErrorHeader = true;
		eval(gFocusElement);
		return false;
	}
}

/////////////////////////////////////////////////////////////////////////////////////////////
function fieldCheck(fieldName) {
	if(fieldName.indexOf("_")!=-1) {
		fieldName = fieldName.substring(0,fieldName.indexOf("_"));
	}
	
	if(fieldName=="firstName" || fieldName=="checkForm") {
		checkElement("firstName", "Please enter your first name.", "");
	}
	if(fieldName=="lastName" || fieldName=="checkForm") {
		checkElement("lastName", "Please enter your last name.", "");
	}
	if(fieldName=="companyName" || fieldName=="checkForm") {
		checkElement("companyName", "Please enter your company name.", "");
	}
	if(fieldName=="emailAddress" || fieldName=="checkForm") {
		checkElement("emailAddress", "Please enter your email address.", "");
		
		var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
		if(reg.test(document.getElementById("emailAddress").value) == false) {
			checkElement("emailAddress", "Please enter a valid email address.", document.getElementById("emailAddress").value);
		}
	}
	if(fieldName=="phoneNumber" || fieldName=="checkForm") {
		checkElement("phoneNumber", "Please enter your phone number.", "");
	}
	if(fieldName=="leaseType" || fieldName=="checkForm") {
		aLeaseType = "";
		for(var i=0;i<document.getElementById("webForm").leaseType.length;i++) {
			if(document.getElementById("webForm").leaseType[i].checked == true) {
				aLeaseType = document.getElementById("webForm").leaseType[i].value;
			}
		}
		
		checkScriptValue(aLeaseType,"","leaseType_1","Please select the type of unit you have.","",1);
	}
	if(fieldName=="unitCity" || fieldName=="checkForm") {
		checkElement("unitCity", "Please enter your city.", "");
	}
	if(fieldName=="unitState" || fieldName=="checkForm") {
		checkElement("unitState", "Please select your state.", "");
	}
	if(fieldName=="serviceRequested" || fieldName=="checkForm") {
		aServiceRequested = "";
		for(var i=1;i<=20;i++) {
			if($("#serviceRequested_"+i)[0].checked == true) {
				if(aServiceRequested == "") {
					aServiceRequested += $("#serviceRequested_"+i)[0].value;
				}
				else {
					aServiceRequested += ", " + $("#serviceRequested_"+i)[0].value;
				}
			}
		}
		
		if(document.getElementById("otherServiceRequested").value != "" && aServiceRequested == "") {
			aServiceRequested += document.getElementById("otherServiceRequested").value;
		}
		else if(document.getElementById("otherServiceRequested").value != "") {
			aServiceRequested += ", " + document.getElementById("otherServiceRequested").value;
		}
		
		checkScriptValue(aServiceRequested,"","serviceRequested_1","Please indicate which items on your unit are in need of service.","");
	}
}