var name_ready = false;
var email_ready = false;
var need_ready = false;

window.addEvent('domready', function() {
	$('submit_contact_form').addEvent('click', function(event) {
		event.stop();
		if(need_ready && email_ready && name_ready) {		
			var req = new Request.HTML({
						method: 'get',
						url: 'js/ajax_calls.php',
						data: { 'op' : 'contact_form', 'name' : $('name').get('value'), 'email' : $('email').get('value'), 'need' :  $('need').get('value') },
						onRequest: function() { $('contact_form').set('html', '<div style="width: 100%; text-align:center;">\nGetting in touch..<br/>\n<img src="images/ajax-loader.gif" />\n</div>')},
						onSuccess: function(node, tree, response) {
							//Clear the text currently inside the contact_form form.
							$('contact_form').set('text', '');
							//Inject the new DOM elements into the results div.
							$('contact_form').set('html', response);
						},
						//Our request will most likely succeed, but just in case, we'll add an
						//onFailure method which will let the user know what happened.
						onFailure: function() {
							$('contact_form').set('html', '<div style="width: 100%; text-align: center; margin-left:20px">There was a problem with the contact form.<br/>Please use the contact methods below for the time being.</div>');
						}
								
					}).send();
		}
		else {
			$("form_result").set("html", "Please fix the above form before submitting.");
			return false;
		}
	});
});

var check = function(id) {
	var value = $(id).get("value");
	
	switch(id) {
		case "name":
			if(value.length == 0 || value == "" || value == null) {
				$("name_result").set("html", '<img src="images/error.png"/>');
				name_ready = false;
			}
			else {
				name_ready = true;
				$("name_result").set("html", '<img src="images/correct.png"/>');
			}
			break;
			
		case "email":
			var apos = value.indexOf("@");
			var dotpos = value.lastIndexOf(".");
			if (apos < 1 || dotpos - apos < 2) {
				$("email_result").set("html", '<img src="images/error.png"/>');
				email_ready = false;
			}
			else {
				email_ready = true;
				$("email_result").set("html", '<img src="images/correct.png"/>');
			}
			break;
			
		case "need":
			if(value.length == 0 || value == "" || value == null) {
				$("need_result").set("html", '<img src="images/error.png"/>');
				need_ready = false;
			}
			else {
				need_ready = true;
				$("need_result").set("html", '<img src="images/correct.png"/>');
			}
			break;
	}
};