// create an event observer for the load event
Event.observe(window, 'load', init, false);

var form;

// Initialize javascript
function init() {
	form = $('feedbackform');
	
	if (!form) return;
	// focus to first element
	Form.focusFirstElement(form)
	// enable all fields in the form (Firefox seems to need this)
	Form.enable(form);
	
/*	Event.observe(form,
					'submit',
					function() {return onFormSubmit()},
					false);*/
	form.onsubmit = onFormSubmit;
	if ($('log')) $('log').value = ""; 
}

/*
 * Append text to the log
 */
function appendLogText(text) {
	var ta = $('log');
	if (ta) {
		ta = $('log');
		ta.value = text + '\n' + ta.value;
	}
}

// Event function for form submission
function onFormSubmit() {
//	alert('Submitted');
	var url = 'getfeedback.php';
	var pars;
	
	appendLogText("Inside onsubmit");
	
	// check for text in the Feedback field
	if ($F("feedbackfield") == "") {
		alert("Please enter some feedback in the Feedback field");
		return false;
	}
		
	
	if (!form) {
		//alert("No form element present, reverting to traditional submission");
		return true;
	}
	
	// show submitting... message
	Element.show($('submitting'));

	// disable the form
	Form.disable(form);

	// through the form into one string
	pars = Form.serialize(form);
	
	// submit the request
	var myAjax = new Ajax.Request(
					url,
					{
						method: 'get',
						parameters: pars,
						onComplete: submitComplete
					});
	
	// return false so page doesn't reload
	return false;
}

//  
function submitComplete(originalRequest) {
	appendLogText("Response: " + originalRequest.responseText);
	Element.hide($('submitting'));
	Element.show($('thankyou'));
//	if ($('feedbackdiv')) $('feedbackdiv').style.background = "#f9f9f9";
//	alert('Received a response');
}