Mask = {};

Mask.show = function(targetId) {
var target = document.getElementById(targetId);
var mask = document.createElement("div");
mask.innerHTML = " ";
mask.className = "wicket-mask";
mask.style.cursor = "not-allowed";
mask.style.zIndex = "5000";
mask.id = "wicket_mask_" + targetId;
document.body.appendChild(mask);
Mask.offsetMask(mask);
var spinner = document.createElement("div");
spinner.innerHTML = " ";
spinner.className = "wicket-spinner";
spinner.style.cursor = "not-allowed";
spinner.style.zIndex = "6000";
spinner.id = "wicket_spinner_" + targetId;
document.body.appendChild(spinner);
Mask.centerSpinner(spinner);
}

Mask.hide = function(targetId) {
var mask = document.getElementById("wicket_mask_" + targetId);
if (mask != null) {
mask.style.display = "none";
document.body.removeChild(mask);
}
var spinner = document.getElementById("wicket_spinner_" + targetId);
if (spinner != null) {
spinner.style.display = "none";
document.body.removeChild(spinner);
}
}

Mask.centerSpinner = function(spinner) {
var width = document.body.clientWidth;
var height = document.body.clientHeight;
var offsetX = document.body.scrollLeft;
var offsetY = document.body.scrollTop;
var left = (width / 2) - 24 + offsetX;
var top = (height / 2) - 24 + offsetY;
spinner.style.left = left + "px";
spinner.style.top = top + "px";
}

Mask.offsetMask = function(mask) {
var offsetX = document.body.scrollLeft;
var offsetY = document.body.scrollTop;
mask.style.left = offsetX + "px";
mask.style.top = offsetY + "px";
}