function validateFields() {
var frmEl = document.getElementById('theform');
var firstname = document.getElementById('firstname');
var lastname = document.getElementById('lastname');
var email = document.getElementById('email');
var phone = document.getElementById('phone');
var mobile = document.getElementById('mobile');
var address = document.getElementById('address');
var suburb = document.getElementById('suburb');
var state = document.getElementById('state');
var postcode = document.getElementById('postcode');
var make = document.getElementById('make');
var model = document.getElementById('model');
var year = document.getElementById('year');
var registration = document.getElementById('registration');
var comments = document.getElementById('comments');
var whiteSpace = /^[\s]+$/;
	if ( firstname.value == '' || whiteSpace.test(firstname.value) ) {
		alert("Please enter your first name.");
	}
	if ( lastname.value == '' || whiteSpace.test(lastname.value) ) {
		alert("Please enter your last name.");
	}
	if ( suburb.value == '' || whiteSpace.test(suburb.value) ) {
		alert("Please enter your suburb.");
	}
	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!");
		firstname.focus();
	}
	else if ( !isValidEmail(email.value) ) {
		alert("Please enter a valid email address.");
	}
	else {
		sendPosEmail();
	}
}
function isValidEmail(str) {

   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}
function sendPosEmail () {
	var success = document.getElementById('emailSuccess');
	var firstname = document.getElementById('firstname');
	var lastname = document.getElementById('lastname');
	var email = document.getElementById('email');
	var phone = document.getElementById('phone');
	var mobile = document.getElementById('mobile');
	var address = document.getElementById('address');
	var suburb = document.getElementById('suburb');
	var state = document.getElementById('state');
	var postcode = document.getElementById('postcode');
	var make = document.getElementById('make');
	var model = document.getElementById('model');
	var year = document.getElementById('year');
	var registration = document.getElementById('registration');
	var comments = document.getElementById('comments');
	var page = "../scripts/xmlHttpRequest-parts.php?parts=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 = firstname.value;
	str1 = str1.replace(/&/g,"**am**");
	str1 = str1.replace(/=/g,"**eq**");
	str1 = str1.replace(/\+/g,"**pl**");
	var str2 = lastname.value;
	str2 = str2.replace(/&/g,"**am**");
	str2 = str2.replace(/=/g,"**eq**");
	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = email.value;
	str3 = str3.replace(/&/g,"**am**");
	str3 = str3.replace(/=/g,"**eq**");
	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = phone.value;
	str4 = str4.replace(/&/g,"**am**");
	str4 = str4.replace(/=/g,"**eq**");
	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = mobile.value;
	str5 = str5.replace(/&/g,"**am**");
	str5 = str5.replace(/=/g,"**eq**");
	str5 = str5.replace(/\+/g,"**pl**");
	var str6 = address.value;
	str6 = str6.replace(/&/g,"**am**");
	str6 = str6.replace(/=/g,"**eq**");
	str6 = str6.replace(/\+/g,"**pl**");
	var str7 = suburb.value;
	str7 = str7.replace(/&/g,"**am**");
	str7 = str7.replace(/=/g,"**eq**");
	str7 = str7.replace(/\+/g,"**pl**");
	var str8 = state.value;
	str8 = str8.replace(/&/g,"**am**");
	str8 = str8.replace(/=/g,"**eq**");
	str8 = str8.replace(/\+/g,"**pl**");
	var str9 = postcode.value;
	str9 = str9.replace(/&/g,"**am**");
	str9 = str9.replace(/=/g,"**eq**");
	str9 = str9.replace(/\+/g,"**pl**");
	var str10 = make.value;
	str10 = str10.replace(/&/g,"**am**");
	str10 = str10.replace(/=/g,"**eq**");
	str10 = str10.replace(/\+/g,"**pl**");
	var str11 = model.value;
	str11 = str11.replace(/&/g,"**am**");
	str11 = str11.replace(/=/g,"**eq**");
	str11 = str11.replace(/\+/g,"**pl**");
	var str12 = year.value;
	str12 = str12.replace(/&/g,"**am**");
	str12 = str12.replace(/=/g,"**eq**");
	str12 = str12.replace(/\+/g,"**pl**");
	var str13 = registration.value;
	str13 = str13.replace(/&/g,"**am**");
	str13 = str13.replace(/=/g,"**eq**");
	str13 = str13.replace(/\+/g,"**pl**");
	var str14 = comments.value;
	str14 = str14.replace(/&/g,"**am**");
	str14 = str14.replace(/=/g,"**eq**");
	str14 = str14.replace(/\+/g,"**pl**");
	
	
	var stuff = "firstname="+str1+"&lastname="+str2+"&email="+str3+"&phone="+str4+"&mobile="+str5+"&address="+str6+"&suburb="+str7+"&state="+str8+"&postcode="+str9+"&make="+str10+"&model="+str11+"&year="+str12+"&registration="+str13+"&comments="+str14;
	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 = ' <strong>PARTS &amp; ACCESSORIES ENQUIRY FORM</strong><br/><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);
