jquery document overlay - usually for disabling interaction with the entire screen because of a background process

jquery-overlay-shield.js

$("<div>")
  .attr("id", "waiter-overlay")
  .css({
    "position"        : "fixed",
    "top"             : "0",
    "left"            : "0",
    "width"           : "100%",
    "height"          : "100%",
    "background-color": "#000",
    "filter"          : "alpha(opacity=50)",
    "-moz-opacity"    : "0.5",
    "-khtml-opacity"  : "0.5",
    "opacity"         : "0.8",
    "z-index"         : "10000",
    "display"         : "table",
    "text-align"      : "center"
}).append(
  $("<span>").css({
    "display"        : "table-cell",
    "vertical-align" : "middle",
    "font-size"      : "8em"
  })
    .text("processing... please wait")
).appendTo(document.body);