var popup = false, cm_code = '';

$(function() {
  $('#btn-subscribe').click(function() {
    $('#subscribe-popup input:last').val($('#id_email').val());
    $('#subscribe-shim').css({'opacity': '0.0'});
    $('#subscribe-popup').css({'position': 'absolute'});
    $('#subscribe-popup')[0].style.top = ($(document).scrollTop() + ($(window).height() * 0.4)) + 'px';
    $('.subscribe-show').show();
    $('#subscribe-popup input:first').focus();
    $('#subscribe-shim').animate({'opacity': '0.5'});
    return false;
  });
  cm_code = $("input[type='hidden']", $('#btn-subscribe').parents('form')).val();
  $('body').append('\
    <div id="subscribe-shim" class="subscribe-show">&nbsp;</div>\
    <div id="subscribe-popup" class="subscribe-show">\
      <h2>Subscribe Via Email</h2>\
      <div class="err">Please enter your name and valid email address</div>\
      <form action="http://digitaleskimo.createsend.com/t/r/s/' + cm_code + '/" method="post">\
        <fieldset>\
          <div><label>Full Name</label><input name="cm-name" /></div>\
          <div><label>Email Address</label><input name="cm-' + cm_code + '-' + cm_code + '" /></div>\
        </fieldset>\
        <button type="submit" class="btn" id="btn-subscribe">Subscribe</button>\
      </form>\
    </div>\
  ');
  $('#subscribe-shim').click(function() {
    $('.subscribe-show').hide();
    $('#subscribe-shim').css({'opacity': '0.0'});
    return false;
  });
  $('#subscribe-popup form').submit(function() {
    var name = $('#subscribe-popup input:first').val();
    var email = $('#subscribe-popup input:last').val();
    if (name != '' && isValidEmail(email)) {
      return true;
    }
    $('#subscribe-popup .err').show();
    return false;
  })
});


function isValidEmail(str) {
   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}