/*
Part of the code for the article "Use Ajax and PHP to Build Your Mailing List"
by Aarron Walter (aarron@aarronwalter.com)
http://www.sitepoint.com/article/use-ajax-php-build-mailing-list
*/

// Attach handler to window load event
Event.observe(window, 'load', init, false);

function init() {
  // Attach handler to form's submit event
   $('response').toggle();
  Event.observe('email_form', 'submit', emailMessage);
}

function emailMessage(e) {
  // Update user interface
  $('response').toggle();
  $('fields').toggle();
  
  $('response').innerHTML = 'Adding email address...';
  // Prepare query string and send AJAX request
  var pars = 'name='+ escape($F('name'))+'&title='+ escape($F('title'))+'&email='+escape($F('email'))+'&telephone='+escape($F('telephone'))+'&contactMethod='+escape($F('contactMethod'))+'&address='+escape($F('address'))+'&website='+escape($F('website'))+'&company='+escape($F('company'))+'&action=send';

  var myAjax = new Ajax.Updater('response', 'contact/email.php', {method: 'get', parameters: pars});

  // Stop form from submitting when JavaScript is enabled
  Event.stop(e);

}

function returnFields() {
  $('fields').toggle();
  $('response').innerHTML = '';
  $('response').toggle();
  
}