$(function(){

    $(".js-modal-close, .modal-overlay").click(function() {
        closePopup();
    });
 
    $(window).resize(function() {
        $(".modal-box").css({
            top: ($(window).height() - $(".modal-box").outerHeight()) / 2,
            left: ($(window).width() - $(".modal-box").outerWidth()) / 2
        });
    });
 
    $(window).resize();
     
});

function openPopup(){
    var appendthis =  ("<div class='modal-overlay js-modal-close'></div>");
    $("body").append(appendthis);
    $(".modal-overlay").fadeTo(500, 0.7);
    //$(".js-modalbox").fadeIn(500);
    $('#popup1').fadeIn();
}

function closePopup(){
    $(".modal-box, .modal-overlay").fadeOut(500, function() {
        $(".modal-overlay").remove();
    });
}