simple jquery modal with cookie

simple-jquery-modal-with-cookie

<div class="weg-modal weg-modal-overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;background:black;z-index:11000;display:none">&nbsp;</div>   
<div class="weg-modal" style="display:none;width:890px;height:644px; background:white; position: fixed; top: 100px; left: 50%; margin-left: -450px; z-index:11500">
  <a href="#" class="close" style="display:block;position:absolute;top:-25px;right:-25px;z-index:100;">
    <img src="/sites/default/files/modal-close.png" />
  </a>
  <div style="width: 860px; height:614px; margin: 0 15px 15px; position: absolute; top: 15px">
    <a href="/membership-benefits" style="display: block;">
      <img src="/sites/default/files/renewal-landing.jpeg" />
    </a>
  </div>
</div>

<?php // print $scripts; ?>

<script type="text/javascript">
jQuery(document).ready(function(){
  // Fix youtube embeds overlaying in IE
  jQuery('iframe').each(function(){
    jQuery(this).attr('src', jQuery(this).attr('src') + '&wmode=opaque')
  });
});

var cookieName = 'weg-renew';

jQuery(window).load(function(){
    if (jQuery('body').hasClass('front') && !(jQuery.cookie(cookieName))){
    // Show modal
    jQuery('.weg-modal-overlay').fadeTo(0,0.5);
    jQuery('.weg-modal').show();
  }
});

// Close on click
jQuery('.weg-modal-overlay, .weg-modal .close').click(function(e){
  e.preventDefault();
  jQuery('.weg-modal').hide();
  jQuery.cookie(cookieName, 'true', {expires: 1});
});
jQuery(document).keyup(function(e) {
  if (e.keyCode == 27) {
    jQuery('.weg-modal').hide();
    jQuery.cookie(cookieName, 'true', {expires: 1});
  }
});

</script>