javascript弹出一个层并增加一个覆盖层

<!--内容层-->
<divid="ShopConfirmLayer"style="position:absolute;top:300px;left:100px;z-index:900;border:1pxredsolid;width:500px;display:none;">
<inputname="button1"value="关闭"type="button"onclick="CloseShopConfirm()"/>
</div>
<!--覆盖层-->
<divid="webBgLayer"style="position:absolute;top:0px;left:0px;z-index:899;background-color:#ccc;height:100%;width:100%;display:none;-moz-opacity:0.5;filter:alpha(opacity=50);"></div>
<scripttype="text/javascript">
functionShopConfirm(str){
varShopConfirmLayer=document.getElementById("ShopConfirmLayer");
varwebBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.innerHTML=str;
ShopConfirmLayer.style.display="";
ShopConfirmLayer.style.left=parseInt((document.documentElement.scrollWidth-ShopConfirmLayer.offsetWidth)/2)+document.documentElement.scrollLeft+"px";
ShopConfirmLayer.style.top=Math.abs(parseInt((document.documentElement.clientHeight-ShopConfirmLayer.offsetHeight)/2))+document.documentElement.scrollTop+"px";
webBgLayer.style.display="";
webBgLayer.style.height=document.documentElement.scrollHeight+"px";
}
functionCloseShopConfirm(){
varShopConfirmLayer=document.getElementById("ShopConfirmLayer");
varwebBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.style.display="none";
webBgLayer.style.display="none";
}
</script>