// JavaScript Document

Element.observe(document, 'dom:loaded', function(){
	Form.focusFirstElement('order');
	$('order').observe('submit', checkForm);
});

var formOK = true;

function checkForm(event) {
	var form = event.element();
	var email = $('email');
	var name = $('name');
	var address = $('address1');
	var city = $('city');
	var telephone = $('telephone');

	//form checking code
	checkField(name);
	checkField(address);
	checkField(city);
	checkField(telephone);
	
	//email
  email.value.strip();
  if ((email == '') || (!isValidEmail(email.value))) {
    formOK = false;
    showElementErr($('emailErr'));
  } else {
    hideElementErr($('emailErr'));
	formOK = true;
  }
  
  if (!formOK) {
	event.stop();
  }
  
}

function checkField(element) {
  element.value.strip();
	if (element.value == '') {
		formOK = false;
		showElementErr($(element.identify()+'Err'));
	}	else {
		hideElementErr($(element.identify()+'Err'));
		formOK = true;
	}
}

function isValidEmail(element) {
	return element.match(/([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})/i);
}

function showElementErr(element) {
	$(element).show();
}

function hideElementErr(element) {
	$(element).hide();
}