<html>
<head>
<style type="text/css">
#mask {
position: absolute;
visibility: hidden;
background: #000;
z-index: 99999;
left: 0px;
top: 0px;
filter: alpha(opacity=80);
text-align: center;
}
</style>
<script type="text/javascript">
var o;
function showMask() {
o = document.getElementById("mask");
o.style.visibility = "visible";
o.style.height = window.screen.availHeight;
o.style.width = window.screen.availWidth;
o.style.zIndex = 10000;
o.style.display = 'block';
o.style.position = 'absolute';
o.style.filter = "alpha(opacity:50)";
o.style.KHTMLOpacity = 0.5;
o.style.MozOpacity = 0.5;
o.style.opacity = 0.5;
o.style.background = '#ccc';
}
function closeMask() {
o = document.getElementById("mask");
o.style.visibility = "hidden";
}
</script>
</head>
<body>
<div id="mask" style="padding-top:20%" ><input type="button" value="close" οnclick="closeMask()" />
Loading...
</div>
<input type="button" value="showMask" οnclick="showMask()" />
</body>
</html>