$(function () {
    
    var pageWidth = $('body').width();
    var pageHeight = ($('body').height() > $(window).height()) ? $('body').height() : $(window).height();
    
    $('#popup-overlay').css({
        'width' : pageWidth + 'px'
       ,'height' : pageHeight + 'px'
       ,'z-index' : 100
       ,'opacity' : 0.7
    }).click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    }).show();
    
    $('#popup').css({
        'top' : $(window).scrollTop() + 150 + 'px'
       ,'left' : ((pageWidth - $('#popup').width()) / 2) + 'px'
       ,'z-index' : 100
       ,'border-radius' : '10px'
       ,'-moz-border-radius' : '10px'
       ,'color' : '#000'
    }).show();
    
    $('#popup button').click(function(){
        $('#popup-overlay').remove();
        $('#popup').remove();
    });

})