// Join Our Monthly List Form

var newSubscription = {
  init : function() {
    $("#mailing_list form input[type='submit']").click(function(evt) {
      evt.preventDefault();
      return newSubscription.sendData();
    });
  },

  sendData : function() {
    $.post("http://www.listbox.com/subscribe/",
      $("#mailing_list form").serializeArray(),
      function() {
        newSubscription.confirmation();
      });
  },

  confirmation : function() {
    return $("#mailing_list form fieldset").empty().append(
      "<p>Thank you for joining the Listbox News List.<br /> Please check your email for a confirmation message.<p>");
  }

};

var customDesign = {
  init : function() {
    $('#customDesign button').click(function(e) {
      e.preventDefault();

      $('#customDesign fieldset').prepend("<div id='pleaseWait'></div>");

      var formData = $('#customDesign').serialize();
      var formAction = $('#customDesign')[0].action;

      $.post(formAction, formData, function(data) {
        if (data.ok) {
          $('#customDesign fieldset').html(
            "<h2>Thanks for completing the form. Your request has been sent. <br /><br />Our designer will get in touch with you shortly.</h2>")
          $('#pleaseWait').remove();
        } else {
          $('#pleaseWait').remove();
          if (! $('#pleaseComplete')[0]) {
            $('#customDesign fieldset').prepend("<p id='pleaseComplete'>Please complete all the fields before submitting the form.</p>");
          }
        }
      }, 'json')
      .error(function() { alert("Please submit this form again."); });
    });
  }
};

$(function() {

  newSubscription.init();

  customDesign.init();

  $("#emailLimit").tipTip();
});