function addFormListeners(formObject)
{
	// Get the inputs
	var highlightInputs = getElementsByClass(formObject, "highlightRow", "*");

	for(var i = 0; i < highlightInputs.length; i++)
	{
		highlightInputs[i].onfocus = function()
		{
			this.parentNode.parentNode.style.backgroundColor = '#d2ebd0';
		};
		highlightInputs[i].onblur = function()
		{
			this.parentNode.parentNode.style.backgroundColor = '';
		};
	}

}

function cleanRows(formObject)
{
	// Get the inputs
	var highlightInputs = getElementsByClass(formObject, "highlightRow", "*");

	for(var i = 0; i < highlightInputs.length; i++)
	{
		highlightInputs[i].parentNode.parentNode.style.backgroundColor = '';
	}
}

function getElementsByClass(node,searchClass,tag) {
  var classElements = new Array();
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("\b"+searchClass+"\b");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (els[i].className == searchClass ) {
      classElements[j] = els[i];
      j++;
    }
  }
return classElements;
}




function checkUserNameAvail()
{
	// First get the username they published and convert it to 
	// url encoded stuff 
	var username = document.getElementById('username').value;
	username = encodeURIComponent(username);

	// First, let's tell the user we're checking
	// $("#checkUserAvailButton").attr({value: "Checking..."});

	// Now send it to the server, and deal with the response :)
	var ajaxUrl = linkToThis + '&action=ajax&ajaxAction=checkUsername&username=' + username;
	if ($("#checkUserAvailResults").html() != '')
	{
		$("#checkUserAvailResults").hide("normal");
	}
	$("#checkUserAvailResults").load(ajaxUrl, function(){
			$("#checkUserAvailResults").show("normal");
		//	$("#checkUserAvailButton").attr({value: "Check Availability"});
		} );
}

function checkWebsiteUrlAvail()
{
	// First get the website name they published and convert it to 
	// url encoded stuff 
	var demoSite = document.getElementById('demoSite').value;
	demoSite = encodeURIComponent(demoSite);

	// Now send it to the server, and deal with the response :)
	var ajaxUrl = linkToThis + '&action=ajax&ajaxAction=checkDemoSite&demoSite=' + demoSite;
	if ($("#checkWebsiteUrlResults").html() != '')
	{
		$("#checkWebsiteUrlResults").hide("normal");
	}
	$("#checkWebsiteUrlResults").load(ajaxUrl, function(){
			$("#checkWebsiteUrlResults").show("normal");
		//	$("#checkUserAvailButton").attr({value: "Check Availability"});
		} );
}

function submitRegistration()
{
	$("#submissionTable").hide();
	$("#processingDiv").show();
	var ajaxUrl = linkToThis + '&action=ajax&ajaxAction=processRegistration';
	$("#processingDiv").load(ajaxUrl);
}

/* JQuery Functions */
// Only process this code once it's ready.
$(document).ready(function(){

	// add the checkUserNameAvail action to the button
	$("#checkUserAvailButton").click(checkUserNameAvail);
	$("#checkWebsiteUrlButton").click(checkWebsiteUrlAvail);
	$("#processRegistrationButton").click(submitRegistration);
	$("#agreementCheck").click(function() {
		if ($("#agreementCheck").attr("checked"))
		{
			$('#processRegistrationButton').attr("disabled","");
		}
		else
		{
			$('#processRegistrationButton').attr("disabled","disabled");
		}
	});
});