function validateFields() {
var frmEl = document.getElementById('cForm');
var cName = document.getElementById('cName');
var cEmail = document.getElementById('cEmail');
var cPhone = document.getElementById('cPhone');
var cSubject = document.getElementById('cSubject');
var cMessage = document.getElementById('cMessage');
var whiteSpace = /^[\s]+$/;
	if ( cName.value == '' || whiteSpace.test(cName.value) ) {
		alert("Please give us your name");
	}
	else if ( cEmail.value == '' || whiteSpace.test(cEmail.value) ) {
		alert("Please give us your email");
	}
	else if ( cMessage.value == '' || whiteSpace.test(cMessage.value) ) {
		alert("Please enter a message to send");
	}
	else {
		sendContactEmail();
	}
}
function sendContactEmail () {
	var success = document.getElementById('thankyou');
	var cName = document.getElementById('cName');
	var cEmail = document.getElementById('cEmail');
	var cPhone = document.getElementById('cPhone');
	var cSubject = document.getElementById('cSubject');
	var cMessage = document.getElementById('cMessage');
	var page = "scripts/xmlHttpRequest.php?contact=true&xml=true";


	showContactTimer(); // quickly begin the load bar
	success.style.display = 'none'; // hide the success bar
	
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1 = cName.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = cEmail.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = cSubject.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = cMessage.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = cPhone.value;
	str5= str5.replace(/&/g,"**am**");
	str5 = str5.replace(/=/g,"**eq**");
	str5 = str5.replace(/\+/g,"**pl**");
	
	var stuff = "cName="+str1+"&cEmail="+str2+"&cSubject="+str3+"&cMessage="+str4+"&cPhone="+str5;
	loadXMLPosDoc(page,stuff);

}
function showContactTimer () {
	var loader = document.getElementById('loading');
	var emailform = document.getElementById('contactBox');
	loader.style.display = 'block';
	emailform.style.display = 'none';
	sentTimer = setTimeout("hideContactTimer()",4000);
}

function hideContactTimer () {
	var loader = document.getElementById('loading');
	var success = document.getElementById('thankyou');
	var fieldArea = document.getElementById('contactBox');
	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";
	// 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 turnPage()
{
	var page1 = document.getElementById('appointment1');
	var page2 = document.getElementById('appointment2');
	page1.style.display = 'none';
	page2.style.display = 'block';
}

function ajaxAppointment() {
var frmEl = document.getElementById('aForm');
addEvent(frmEl, 'submit', turnPage, false);
}
addEvent(window, 'load',ajaxAppointment, false);

function addEvent(elm, evType, fn, useCapture) {
	if (elm.addEventListener) { 
	elm.addEventListener(evType, fn, useCapture); 
	return true; 
	}
	else if (elm.attachEvent) { 
	var r = elm.attachEvent('on' + evType, fn); 
	EventCache.add(elm, evType, fn);
	return r; 
	}
	else {
	elm['on' + evType] = fn;
	}
}
function getEventSrc(e) {
	if (!e) e = window.event;

	if (e.originalTarget)
	return e.originalTarget;
	else if (e.srcElement)
	return e.srcElement;
}
function addLoadEvent(func) {
var oldonload = window.onload;
	if (typeof window.onload != 'function') {
	window.onload = func;
	} else {
	window.onload = 
		function() {
		oldonload();
		func();
		}
	}
}
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
	
		add : function(node, sEventName, fHandler, bCapture){
			listEvents.push(arguments);
		},
	
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				
				/* From this point on we need the event names to be prefixed with 'on" */
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				
				item[0][item[1]] = null;
			};
		}
	};
}();


addEvent(window,'unload',EventCache.flush, false);