/*
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
*/

/**** re-written to not use prototype.js ****/

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

function newsletter_init() {
  // Attach handler to form's submit event
  document.getElementById('newsletter').onsubmit = storeAddress;
}

var xmlhttp;
function storeAddress(e) {

  // Prepare query string and send AJAX request
  var pars = 'address=' + escape(document.getElementById('newsletter_email').value);

  // Update user interface
  document.getElementById('response').innerHTML = 'Adding email address...';

  if (window.XMLHttpRequest) {
    xmlhttp = new XMLHttpRequest();
  }
  else {
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open('get', '/newsletter/ajaxServer.php?' + pars);
  xmlhttp.onreadystatechange = update_nl_ui;
  xmlhttp.send(null);

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

  // Stop form from submitting when JavaScript is enabled
  if (e) {
    e.preventDefault();
  }
  else {
    window.event.returnValue = false;
  }
}

function update_nl_ui() {
    if (xmlhttp.readyState == 4) {
        document.getElementById('response').innerHTML = xmlhttp.responseText;
    }
}