var blankHTML	=	"<br /><br /><br />";

var loadBarHTML =	"<strong>Sending Email ...</strong><br />" +
				 	"<img src='AjaxContact/img/loading.gif' alt='Loading...' title='Sending Email' />" +
					"<div id='emailSuccess' style='display:none;float:right;'>" +
					"<strong style='color:green;'>Success! Your Email has been sent.<br />Hope you're enjoying your stay.</strong>";

var emptyWarningHTML="<strong style='color:red;'>Error: Email Empty.</strong>";
var ccWarningHTML	="<strong style='color:red;'>Error: No Email Address entered<br /> and CC Checked.</strong>"
var showSuccess = true;

function validateFields() {
var status = document.getElementById('status');
var frmEl = document.getElementById('cForm');
var posName = document.getElementById('posName');
var posEmail = document.getElementById('posEmail');
var posRegard = document.getElementById('posRegard');
var posText = document.getElementById('posText');
var strCC = document.getElementById('selfCC');

var whiteSpace = /^[\s]+$/;
	status.innerHTML = blankHTML;

	if ( posText.value == '' || whiteSpace.test(posText.value) ) {
		status.innerHTML = emptyWarningHTML;
	}
	else if ( posEmail.value == '' && strCC.checked == true ) {
		status.innerHTML = ccWarningHTML;
	}
	else {
		sendPosEmail();
	}
}
function sendPosEmail () {
	var posName = document.getElementById('posName');
	var posEmail = document.getElementById('posEmail');
	var posRegard = document.getElementById('posRegard');
	var posText = document.getElementById('posText');
	var page = "AjaxContact/scripts/xmlHttpRequest.php?contact=true&xml=true";
	var strCCItem = document.getElementById('selfCC');
	var strCC = "nosend";
	if (strCCItem.checked) strCC = "send";
	
		
	showContactTimer();		// quickly begin the load bar
	showSuccess = false;	// hide the success bar (incase this is a multi-email
	
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1 = posName.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = posEmail.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = posRegard.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = posText.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	
	var stuff = "selfCC="+strCC+"&posName="+str1+"&posEmail="+str2+"&posRegard="+str3+"&posText="+str4;
	loadXMLPosDoc(page,stuff)
}



function showContactTimer () {
	var status = document.getElementById('status');
	status.innerHTML = loadBarHTML;
	sentTimer = setTimeout("hideContactTimer()",6000);
}

function hideContactTimer () {
	var status = document.getElementById('status');
	var fieldArea = document.getElementById('contactFormArea');
	var inputs = fieldArea.getElementsByTagName('input');
	var inputsLen = inputs.length;
	var tAreas = fieldArea.getElementsByTagName('textarea');
	var tAreasLen = tAreas.length;
	// Hide the load bar alas! Done Loading
	showSuccess = true;
	status.innerHTML =  '<strong style="color:green;">'+grabPosXML("confirmation")+'</strong>';
	// Now Hijack the form elements
	for ( i=0;i<inputsLen;i++ ) {
		if ( inputs[i].getAttribute('type') == 'text' ) {
			inputs[i].value = '';
		}
	}
	for ( j=0;j<tAreasLen;j++ ) {
		tAreas[j].value = '';
	}
}

function ajaxContact() {
var frmEl = document.getElementById('cForm');
addEvent(frmEl, 'submit', validateFields, false);
frmEl.onsubmit = function() { return false; }
}
addEvent(window, 'load',ajaxContact, false);