function validateFields() {
var frmEl = document.getElementById('theform');
var fullname = document.getElementById('fullname');
var location = document.getElementById('location');
var email = document.getElementById('email');
var contact = document.getElementById('contact');
var address = document.getElementById('address');
var suburb = document.getElementById('suburb');
var postcode = document.getElementById('postcode');
var typeofservice = document.getElementById('typeofservice');
var registration = document.getElementById('registration');
var makemodel = document.getElementById('makemodel');
var time = document.getElementById('time');
var servicedate = document.getElementById('servicedate');
var comments = document.getElementById('comments');
var whiteSpace = /^[\s]+$/;

	if ( location.value == '' || whiteSpace.test(location.value) ) {
			alert("Please enter your location.");
		
	}
	
	if ( fullname.value == '' || whiteSpace.test(fullname.value) ) {
		alert("Please enter your full name.");
	}
	
	else if ( email.value == '' ) {
		alert("Please enter a valid email address.");
//		alert("Just for that...");
//		alert("I\'m Clearing all the fields!");
//		frmEl.reset();
//		alert("There. Satisified.");
//		alert("Now start over!");
		fullname.focus();
	}
	else if ( !isValidEmail(email.value) ) {
		alert("Please enter a valid email address.");
	}
	else if ( !isValidEmail(location.value) ) {
		
	}
	
	else {
		sendPosEmail();
	}
}
function isValidEmail(str) {

   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}
function sendPosEmail () {
	var success = document.getElementById('emailSuccess');
	var location = document.getElementById('location');
	var fullname = document.getElementById('fullname');
	var email = document.getElementById('email');
	var contact = document.getElementById('contact');
	var address = document.getElementById('address');
	var suburb = document.getElementById('suburb');
	var postcode = document.getElementById('postcode');
	var typeofservice = document.getElementById('typeofservice');
	var registration = document.getElementById('registration');
	var makemodel = document.getElementById('makemodel');
	var time = document.getElementById('time');
	var servicedate = document.getElementById('servicedate');
	var comments = document.getElementById('comments');
	var page = "scripts/xmlHttpRequest-service.php?service=true&xml=true";
	
	showContactTimer(); // 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 = fullname.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = email.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = contact.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = address.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = suburb.value;
	str5 = str5.replace(/&/g,"**am**");
	str5 = str5.replace(/=/g,"**eq**");
	str5 = str5.replace(/\+/g,"**pl**");
	var str6 = postcode.value;
	str6 = str6.replace(/&/g,"**am**");
	str6 = str6.replace(/=/g,"**eq**");
	str6 = str6.replace(/\+/g,"**pl**");
	var str7 = typeofservice.value;
	str7 = str7.replace(/&/g,"**am**");
	str7 = str7.replace(/=/g,"**eq**");
	str7 = str7.replace(/\+/g,"**pl**");
	var str8 = registration.value;
	str8 = str8.replace(/&/g,"**am**");
	str8 = str8.replace(/=/g,"**eq**");
	str8 = str8.replace(/\+/g,"**pl**");
	var str9 = makemodel.value;
	str9 = str9.replace(/&/g,"**am**");
	str9 = str9.replace(/=/g,"**eq**");
	str9 = str9.replace(/\+/g,"**pl**");
	var str10 = time.value;
	str10 = str10.replace(/&/g,"**am**");
	str10 = str10.replace(/=/g,"**eq**");
	str10 = str10.replace(/\+/g,"**pl**");
	var str11 = servicedate.value;
	str11 = str11.replace(/&/g,"**am**");
	str11 = str11.replace(/=/g,"**eq**");
	str11 = str11.replace(/\+/g,"**pl**");
	var str12 = comments.value;
	str12 = str12.replace(/&/g,"**am**");
	str12 = str12.replace(/=/g,"**eq**");
	str12 = str12.replace(/\+/g,"**pl**");
	var str13 = location.value;
	str13 = str13.replace(/&/g,"**am**");
	str13 = str13.replace(/=/g,"**eq**");
	str13 = str13.replace(/\+/g,"**pl**");
	
	
	var stuff = "fullname="+str1+"&email="+str2+"&contact="+str3+"&address="+str4+"&suburb="+str5+"&postcode="+str6+"&typeofservice="+str7+"&registration="+str8+"&makemodel="+str9+"&time="+str10+"&servicedate="+str11+"&comments="+str12+"&location="+str13;
	loadXMLPosDoc(page,stuff)
}
function showContactTimer () {
	var loader = document.getElementById('loadBar');
	var formarea = document.getElementById('theform');
	loader.style.display = 'block';
	formarea.style.display = 'none';
	sentTimer = setTimeout("hideContactTimer()",6000);
}

function hideContactTimer () {
	var loader = document.getElementById('loadBar');
	var success = document.getElementById('emailSuccess');
	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
	loader.style.display = "none";
	success.style.display = "block";
	success.innerHTML = ' <h1>Service Enquiry Form Submited</h1><span>'+grabPosXML("confirmation")+'</span>';
	// 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 resetFrom () {
	var success = document.getElementById('emailSuccess');
	var formarea = document.getElementById('theform');
	success.style.display = 'none';
	formarea.style.display = 'block';
	frmEl.reset();
}

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