$(document).ready(function() {
 var $popup = $('#intro-popup');
 var $cookieName = 'intro-popup';
 var $mask = $popup.find('.dimmed');
 var readyPopup = function() {
  var $width = $popup.find('.layer-body').width();
  var $height = $popup.find('.layer-body').height();
  $popup.find('.layer-body').css({'marginLeft':-$width/2});
 };
 var closePopup = function() {
        if ($('#close-today').is(':checked')) $.cookie($cookieName, 'done', {
            expires: 1
        });
        $popup.hide();
 }
 if($.cookie($cookieName) != 'done') $popup.show();
 $popup.find('.close-area > a').click(function() {
  closePopup();
    });
    $mask.click(function() {
     closePopup();
    });
    $popup.find('img').ready(function() {
     readyPopup();
    });
    $(window).resize(function() {
     var $winWidth = $(this).width();
     if($winWidth > 768) readyPopup();
    }).resize();
    $(window).scroll(function() {
     var $winWidth = $(this).width();
     if($winWidth > 768) $popup.find('.layer-body').stop().animate({top:$(window).scrollTop() + 150}, 350);
    });
});