$(document).ready(function(){
    $(".open").click(function(){
        var content = $("#hidden_box").html();
        var popup = '<div id="popup"></div>';
        var closeBtn = '<a href="#" id="closeBtn">&times;</a>';
        var overlay = '<div id="overlay"></div>';

        $("body").append(overlay);
        $("body").append(popup);
        $("#popup").append(closeBtn);
        $("#popup").append(content);

        $("#overlay").css({
            height: $(document).height() + "px",
            width: $(document).width() + "px"
        });

        var winH = $(window).height();
        var winW = $(window).width();
        var centerDiv = $('#popup');
        centerDiv.css('top', winH/2-centerDiv.height()/2 + (window.scrollY || document.documentElement.scrollTop));
        centerDiv.css('left', winW/2-centerDiv.width()/2); 

        $("#closeBtn").add("#overlay").bind('click', function(){
            $("#popup").remove();
            $("#overlay").remove();
            return false;
        });
        return false;
    });
});