// Change Main Image
function ChangeImage(Image) {
	document.getElementById("MainImage").src = "images/load.gif";
	document.getElementById("MainImage").src = Image.src;
	document.getElementById("MainImage").title = Image.title;
	document.getElementById("MainImage").alt = Image.alt;
	document.getElementById("MainImageText").innerHTML = Image.alt;
}

$(document).ready(function() { 
	$("#ContactSubmit").click(function(){
		document.getElementById("ContactForm").action = "php/contactsubmit.php";
		document.getElementById("status").innerHTML = "<table><tr><td><img src='images/load.gif' style='border:none;'></td><td> &nbsp;&nbsp;&nbsp;Please hold while your message is sent...</td></tr></table>"

		var queryString = $('#ContactForm').formSerialize(); 
		// the data could now be submitted using $.get, $.post, $.ajax, etc 
		$.post('php/contactsubmit.php', queryString,
			function(data){
				document.getElementById("status").innerHTML = data;
			}
		); 
		return false;
	});
}); 


function ChangeLoading(btn) {
	btn.className = btn.className + " loading"
}