Event.observe(window, "load", prepareContactForm);

function prepareContactForm() {
	document.getElementById("frmContact").onsubmit = function() {
		var data = "";
		for (var i=0; i<this.elements.length; i++) {
			data+= this.elements[i].name;
			data+= "=";
			data+= escape(this.elements[i].value);
			data+= "&";
		}
		return (sendContactForm(data));
	};
}

function sendContactForm(data) {
	var button = $("btnSubmit");
	button.value = "Please wait...";
	button.disabled = true;
	
	var progress = $("progress");	
	progress.innerHTML = "<img src='/images/ajax.gif' class='ajax-image' />"
	
	new Ajax.Request("default.asp", {
		method: 'post',
		parameters: 'mode=contact&ajax=true&' + data,
		onComplete: function (req) {
			var container = $("contact-message")
			if (req.responseText == 'false') {
				container.innerHTML = "Please fill in all of the form fields.";
				container.className = "contact-message-red";
				Element.show(container);
				button.value = "Send e-mail";
				button.disabled = false;
				progress.innerHTML = '';
			} else {
				Element.hide("frmContact");
				container.innerHTML = req.responseText;
				container.className = "contact-message-green";
				Element.show(container);
			}			
		}
	});

	return false;
}