$(function(){
    var pageWidth = $('body').width();
    var pageHeight = ($('body').height() > $(window).height()) ? $('body').height() : $(window).height();
    
    $('#popup-overlay').css({
        'position' : 'absolute'
       ,'top' : '0px'
       ,'left' : '0px'
       ,'width' : pageWidth + 'px'
       ,'height' : pageHeight + 'px'
       ,'background' : '#000'
       ,'z-index' : 100
       ,'opacity' : 0.7
    }).click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    }).show();
    
    $('#popup').css({
        'position' : 'absolute'
       ,'top' : $(window).scrollTop() + 50 + 'px'
       ,'left' : ((pageWidth - 500) / 2) + 'px'
       ,'background' : '#FFF'
       ,'z-index' : 100
       ,'width' : '500px'
    }).fadeIn(1200);
    $('#popup p').css({
        'color' : '#FFF'
       ,'font-size' : '3.4em'
       ,'padding' : '0px'
       ,'margin' : '0px'
       ,'text-align' : 'center'
    });
    $('#popup span').css({
        'font-weight' : 'bold'
       ,'display' : 'block'
       ,'text-align' : 'center'
       ,'padding' : '5px 0px 15px 0px'
       ,'cursor' : 'pointer'
       ,'color' : '#000'
    }).click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    });
    
});