function validateRefFields() {
sendRefEmail();
}

function sendRefEmail () {
	var success = document.getElementById('RefEmailSuccess');
	var RefFromName = document.getElementById('from_name');
	var RefToName = document.getElementById('to_name');
	var RefFromEmail = document.getElementById('from_email');
	var RefToEmail = document.getElementById('to_email');
	var RefComments = document.getElementById('comments');

	var page = "http://mileskunkel.com/refer.html";
	
	showRefTimer(); // quickly begin the load bar
	success.style.display = 'none'; // hide the success bar (incase this is a multi-email
	
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1 = RefFromName.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = RefToName.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = RefFromEmail.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = RefToEmail.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = RefComments.value;
	str5 = str5.replace(/&/g,"**am**");
	str5 = str5.replace(/=/g,"**eq**");
	str5 = str5.replace(/\+/g,"**pl**");
	
	
	var stuff = "RefFromName="+str1+"&RefToName="+str2+"&RefFromEmail="+str3+"&RefToEmail="+str4+"&RefComments="+str5;
	loadXMLPosDoc(page,stuff)
}

function showRefTimer () {
	var loader = document.getElementById('RefLoadBar');
	loader.style.display = 'block';
	sentTimer = setTimeout("hideRefTimer()",1000);
}

function hideRefTimer () {
	var loader = document.getElementById('RefLoadBar');
	var success = document.getElementById('RefEmailSuccess');
	var fieldArea = document.getElementById('RefFormArea');
	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
	loader.style.display = "none";
	success.style.display = "block";
	success.innerHTML = '<strong style="color:#BE7318;">'+grabPosXMLMessage("confirmation")+'</strong>';
	// Now Hijack the form elements
	if(grabPosXML("status") == 'OK') {
		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 ajaxRef() {
var frmEl = document.getElementById('RefForm');
addEvent(frmEl, 'submit', validateRefFields, false);
frmEl.onsubmit = function() { return false; }
}
addEvent(window, 'load',ajaxRef, false);