$(function(){
    var pageWidth = $('body').width();
    var pageHeight = ($('body').height() > $(window).height()) ? $('body').height() : $(window).height();
    
    $('#popup-overlay').css({
        'width' : pageWidth + 'px'
       ,'height' : pageHeight + 'px'
       ,'opacity' : 0.8
    }).click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    }).show();
    
    var width = 400;
    $('#popup').css({
        'top' : $(window).scrollTop() + 150 + 'px'
       ,'left' : ((pageWidth - width) / 2) + 'px'
       ,'width' : width + 'px'
    }).show();
    
    $('#popup button').click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    });
    
});