function showPopup() {
    $("#popup").css({
        "display": "block",
        "top": ($(window).height() - $("#popup").height()) / 2 + $(document).scrollTop() - 50,
        "left": ($(window).width() - $("#popup").width()) / 2
    });

    $("#fog").css({
        "display": "block",
        "width": $(document).width(),
        "height": $(document).width()
    });

    $(window).bind("resize", function() {

        if ($("#popup").css("display") != "none") {
            $("#popup").css({
                "top": ($(window).height() - $("#popup").height()) / 2 + $(document).scrollTop() - 50,
                "left": ($(window).width() - $("#popup").width()) / 2
            });
        }
    });

    $(window).bind("scroll", function() {

        if ($("#popup").css("display") != "none") {
            $("#popup").css({
                "top": ($(window).height() - $("#popup").height()) / 2 + $(document).scrollTop() - 50,
                "left": ($(window).width() - $("#popup").width()) / 2
            });
        }
    });
}

function closePopup() {
    $('#popup').css('display', 'none'); $('#fog').css('display', 'none');
}