
function submitContactForm() {

  $('name').style.border = '1px solid #999999';
  $('email').style.border = '1px solid #999999';
  $('company').style.border = '1px solid #999999';
  $('message').style.border = '1px solid #999999';

  if ($('name').value == '')
    $('name').style.border = '1px solid red';
  if ($('email').value == '')
    $('email').style.border = '1px solid red';
  if ($('company').value == '')
    $('company').style.border = '1px solid red';
  if ($('message').value == '')
    $('message').style.border = '1px solid red';

  if ($('name').value == '' || $('email').value == '' || $('company').value == '' || $('message').value == '') {
    $('contactForm-error').innerHTML = 'Please complete the required fields.';
    $('contactForm-error').style.display = 'block';
  } else {

    $('submitBtn').style.opacity = '0.5';
    $('submitBtn').style.filter = 'alpha(opacity=50)';
    $('submitSpinner').style.display = 'block';
    $('contactForm-error').style.display = 'none';

    $('reference').value = document.location.href;
    new Ajax.Request('/submitForm.php', {parameters: 'pos=submitform&'+Form.serialize('contactForm'), 'onSuccess': handlerSubmitContactForm, 'onFailure': function() { alert("There was an error submitting the form. Please try again."); }});

  }

}

function handlerSubmitContactForm(t) {

  $('submitBtn').style.opacity = '1';
  $('submitBtn').style.filter = 'alpha(opacity=100)';
  $('submitSpinner').style.display = 'none';
  
  if (t.responseText == "SUCCESS") {

    Effect.SlideUp('contactForm');
    Effect.SlideDown($('contactForm-confirmation'), {queue: 'end', transition: Effect.Transitions.Bounce});

  } else {

    $('contactForm-error').innerHTML = 'There was an error submitting the form. Please try again.';
    $('contactForm-error').style.display = 'block';

  }

}

