$(document).ready
(
      function() {
          $("#overlay").css("height", $("body").height() + "px");
          onResize();

          $(".close-button").click
            (
                  function() {
                      $("#overlay, #dialog").addClass("display-none");
                  }
            );

          $(".open-button").click
            (
                  function() {
                      $("#overlay, #dialog").removeClass("display-none");
                  }
            );
      }
);

$(window).resize
(
      function() {
          onResize();
      }
);

$(window).scroll
(
      function() {
          onResize();
      }
);

function onResize() {
    $("#overlay").css("left", $(window).scrollLeft() + "px");
    $("#dialog").css("top", ($(window).height() / 2) - 200 + $(window).scrollTop() + "px");
    $("#dialog").css("left", ($(window).width() / 2) - 300 + $(window).scrollLeft() + "px");
}