// JScript ??

     function BOX_show(e){ //??
         if(document.getElementById(e)==null){return;}
         BOX_layout(e);
         window.onresize = function(){BOX_layout(e);} //??????????
         window.onscroll = function(){BOX_layout(e);} //??????????
     }
     function BOX_remove(e){ //??
         window.onscroll = null;
        window.onresize = null;
        document.getElementById('BOX_overlay').style.display="none";
        document.getElementById(e).style.display="none";
    }
    function BOX_layout(e){ //????
        var a = document.getElementById(e);
        if (document.getElementById('BOX_overlay')==null){ //?????????
            var overlay = document.createElement("div");
            overlay.setAttribute('id','BOX_overlay');
            //overlay.onclick=function(){BOX_remove(e);};
            a.parentNode.appendChild(overlay);
        }
        //????????????
        var scrollLeft ;
        var scrollTop ;
        var clientWidth;

        var clientHeight;
        var scrollHeight;

        clientWidth = document.body.clientWidth;
        clientHeight = document.body.clientHeight;
        scrollHeight = document.body.scrollHeight;
        
        scrollLeft = document.body.scrollLeft;
        scrollTop = document.body.scrollTop;
        var bo = document.getElementById('BOX_overlay');
        bo.style.left = scrollLeft+'px';
        bo.style.top = scrollTop+'px';
        bo.style.width = clientWidth+'px';
        bo.style.height = scrollHeight+'px';
        bo.style.display="";



        a.style.position = 'absolute';
        a.style.zIndex=101;
        a.style.display="";
        a.style.left = scrollLeft+((clientWidth-a.offsetWidth)/2)+'px';
        a.style.top = scrollTop+((clientHeight-a.offsetHeight)/2)+'px';


//	document.title = document.body.clientHeight + " " + document.body.scrollHeight + " " + window.event;

    }
    
    //BOX