var showNewsletterFormAfter = 5; // seconds
var newsletterErrorMessage = "Make sure you fill all the fields. The state is only required for Australia.";

$(function() {
  var full_height, last_ele, last_ele_pos, newsletter, document;
  newsletter = $('#newsletter_signup');
  last_ele = $('#newsletter_submit');
  last_ele_pos = last_ele.position();
  full_height = last_ele_pos.top + last_ele.outerHeight() + 10;
  newsletter.hide();
  newsletter.height(full_height);
  
  // We need this, why? for IE, what else...
  $('#newsletter_signup table').width(newsletter.innerWidth() - 60);
  
  newsletter.css('left', $(document).width() - newsletter.width() - 30);
  newsletter.css('top', $(window).height() - newsletter.height() -15);
  
  $('#newsletter_signup h1 a').click(function(e) {
    newsletter.fadeOut('normal');
    e.preventDefault();
  });
  
  $('#newsletter_signup form').submit(function(e) {
    var first_name_l = $('#newsletter_first_name').val().length;
    var last_name_l = $('#newsletter_last_name').val().length;
    var email_l = $('#newsletter_email').val().length;
    var country = $('#newsletter_country');
    var state_l = $('#newsletter_state').val().length;

    if (first_name_l == 0 || last_name_l == 0 || email_l == 0 || country.val().length == 0 || (country.val() == 'Australia' && state_l == 0)) {
      alert(newsletterErrorMessage);
      e.preventDefault();
    } else {
      newsletter.fadeOut('normal');
    }
  });

  setTimeout(function(timer) {
    newsletter.fadeIn('slow');
    clearTimeout(timer);
  }, showNewsletterFormAfter * 1000);
});