// JavaScript Document
// Special Thanks to Typekit.com

$(function() {

  var $error = $('<p>Please enter an E-mail address</p>').
    addClass('error');

  var $sending = $('<p>Sending...</p>').
    addClass('sending');

  var $success = $('<p>Thanks for Signing Up</p>').
    addClass('success');

  var $messages = $([$error[0], $sending[0], $success[0]]);

  function display(msg) {
    $messages.hide();
    msg.show();
  }

  function showError() { display($error); }
  function showSending() { display($sending);  }
  function showSuccess() { display($success); }
  function hideForm() { $form.hide(); }

  var $frame = $('<iframe name="iframe_catch" style="display:none"></iframe>').
    prependTo('body');

  var $form = $('form').
    attr('target', $frame.attr('name'));

  var $email = $('#email');
  var $submit = $('#submit');

  $messages.
    hide().
    insertBefore($form);

  $form.submit(function() {
    var emailAddress = $email.val();
    if (emailAddress.match(/.+@.+\..+/)) {
      showSending();
      $frame.load(showSuccess);
      $frame.load(hideForm);
      return true;
    } else {
      showError();
      return false;
    }
  });


});