问题：如何用层来控制图像的选中效果？

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var isMoving = false;
document.onmousedown = function()
{
    window.preY = event.clientY;
    window.preX = event.clientX;    isMoving = true;
    areaDiv.style.display = "";
}document.onmousemove = function()
{
    if(isMoving)
    {
        if(parseInt(event.clientX,10) <= window.preX 
            && parseInt(event.clientY,10) <= window.preY )
        {
            areaDiv.style.top = window.preY - parseInt(areaDiv.style.height,10);
            areaDiv.style.left = window.preX - parseInt(areaDiv.style.width,10);
            areaDiv.style.width = window.preX - parseInt(event.clientX,10);
            areaDiv.style.height = window.preY - parseInt(event.clientY,10);
        }
        if(parseInt(event.clientX,10) > window.preX 
            && parseInt(event.clientY,10) > window.preY )
        {
            areaDiv.style.top = window.preY;
            areaDiv.style.left = window.preX;
            areaDiv.style.width = parseInt(event.clientX,10) - window.preX;
            areaDiv.style.height = parseInt(event.clientY,10) - window.preY;
        }
        if(parseInt(event.clientX,10) <= window.preX 
            && parseInt(event.clientY,10) > window.preY )
        {
            areaDiv.style.top = window.preY;
            areaDiv.style.left = window.preX - parseInt(areaDiv.style.width,10);
            areaDiv.style.width = window.preX - parseInt(event.clientX,10);
            areaDiv.style.height = parseInt(event.clientY,10) - window.preY;
        }
        if(parseInt(event.clientX,10) > window.preX 
            && parseInt(event.clientY,10) <= window.preY )
        {
            areaDiv.style.top = window.preY - parseInt(areaDiv.style.height,10);
            areaDiv.style.left = window.preX;
            areaDiv.style.width = parseInt(event.clientX,10) - window.preX;
            areaDiv.style.height = window.preY - parseInt(event.clientY,10);
        }
    }
}document.onmouseup = function()
{
    areaDiv.style.top = "0px";
    areaDiv.style.left = "0px";
    areaDiv.style.width = "0px";
    areaDiv.style.height = "0px";
    areaDiv.style.display = "none";
    isMoving = false;
}
//-->
</SCRIPT>
</HEAD><BODY onselectstart="return false;">
<div style="position:absolute;border:1px solid black; width:0px; height:0px; top:0px;display:none;left:0px; 
     background-color:999999;filter: alpha(opacity=20);" id="areaDiv">
</div>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
asdffffffffffffffffffffffffffffffffffffffffffffff<p>
</BODY>
</HTML>