function doOnSubmit(form)
{
	var _alert = document.getElementById("alert");
	var _body = document.getElementById("body");
	var _mask = document.getElementById("mask");
	
	var alertFade = new YAHOO.util.Anim("alert"); 
		alertFade.attributes.opacity = { to: 1 };
		alertFade.duration = 0.25;
		alertFade.method = YAHOO.util.Easing.easeOut;
	
	var maskFade = new YAHOO.util.Anim("mask"); 
		maskFade.attributes.opacity = { to: 0.75 };
		maskFade.duration = 0.25;
		maskFade.method = YAHOO.util.Easing.easeOut;
	
	// make the mask and alert visible
	_alert.style.display = "block";
	_mask.style.display = "block";
	
	// set the mask to the height of the page body
	_mask.style.height = _body.offsetHeight + "px";
	
	// fade in the mask
	maskFade.animate();
	
	// fade in the alert box
	alertFade.animate();
	
	// send the form data via ajax
	DWREngine.setAsync(false);
	DWREngine._execute(_ajaxConfig._cfscriptLocation, null, "sendInfo", form.name.value, form.address.value, form.city.value, form.state.value, form.zipCode.value, form.homePhone.value, form.cellPhone.value, form.bestTimeToCall.value, form.emailAddress.value, form.howCanWeHelpYou.value, setAlert);
	
	return false;
}

function setAlert(returnObj)
{
	var _alert = document.getElementById("alert");
	
	if (returnObj == "false") {
		_alert.innerHTML = "<p>An error occurred while attempting to send your information. Please try again later.</p><p><a href='javascript: closeAlert();'><img src='/assets/img/btn_close.gif' width='13' height='13' border='0' align='absmiddle'></a> <a href='javascript: closeAlert();'>Close</a></p>";
	} else {
		_alert.innerHTML = "<p>Thanks for contacting JCR Carpentry & Remodeling.</p><p>Your information has been forwarded,<br />and we will contact you shortly.</p><p><a href='javascript: closeAlert();'><img src='/assets/img/btn_close.gif' width='13' height='13' border='0' align='absmiddle'></a> <a href='javascript: closeAlert();'>Close</a></p>";

	}
}

function closeAlert()
{
	var _alert = document.getElementById("alert");
	var _body = document.getElementById("body");
	var _mask = document.getElementById("mask");
	
	var hide = function() {
		// make the mask and alert visible
		_alert.style.display = "none";
		_mask.style.display = "none";
		
		var form = document.forms[0];
		form.name.value = "";
		form.address.value = "";
		form.city.value = "";
		form.state[0].selected = "true";
		form.zipCode.value = "";
		form.homePhone.value = "";
		form.cellPhone.value = "";
		form.bestTimeToCall.value = "";
		form.emailAddress.value = "";
		form.howCanWeHelpYou.value = "";
	} 
	
	var alertFade = new YAHOO.util.Anim("alert"); 
		alertFade.attributes.opacity = { to: 0 };
		alertFade.duration = 0.25;
		alertFade.method = YAHOO.util.Easing.easeOut;
	
	var maskFade = new YAHOO.util.Anim("mask"); 
		maskFade.attributes.opacity = { to: 0 };
		maskFade.duration = 0.25;
		maskFade.method = YAHOO.util.Easing.easeOut;
		maskFade.onComplete.subscribe(hide);
	
	// set the mask to the height of the page body
	_mask.style.height = _body.offsetHeight + "px";
	
	// fade in the mask
	maskFade.animate();
	
	// fade in the alert box
	alertFade.animate();
}
