이미지 원본보여주기 관련 스크립트 입니다

<script language=javascript>
var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function ShowImg(file_name){
var file_name;
img_layer.filters.blendTrans.apply();
img_layer.style.visibility = "visible";
img_layer.filters.blendTrans.play();
img_layer.innerHTML="<table cellpadding=50 cellspacing=0 border=1 bordercolor='#D9D9D9' bordercolorlight='#D9D9D9' bordercolordark='white' onclick=HideImg() bgcolor='white'><tr><td><img src=" + file_name + " border=0 alt='클릭하면 닫힙니다' style='border:1px #DBDACA solid'></td></tr></table>";
}
function HideImg() {
img_layer.filters.blendTrans.apply();
img_layer.style.visibility = "hidden";
img_layer.filters.blendTrans.play();
}
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(img_layer.style.left)
clicktop = window.event.y - parseInt(img_layer.style.top)
img_layer.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
img_layer.style.left = window.event.x - clickleft
img_layer.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
</script>


쿼리문...........
<? for ($i=0; $i<count($list); $i++) {
echo "<a href=javascript:ShowImg('원본주소') onfocus=blur()><img src='썸네일주소'></a> </br>";
}
?>

<div id=img_layer style="position:absolute; left:500px; top:100px; z-index:2; visibility:hidden; filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.2);" onmouseover="drag=1;move=0" onmouseout="drag=0"></div>

이렇게 했을때 클릭 했을때 보여지는 레이어는 항상 지정한 위치에 뛰워집니다.
문제는 리스트가 많이 될때 스크롤 해야 하는데 원본그림 보여지는 레이어가 위로 올라가서 보이지가 않는다는 것입니다.

이것을 클릭한 이미지가 속해 있는 td 기준으로 따라다니면서 레이어를 보이게 할 수 없을까요??
아니면 모니터 중심에 항상 뛰워도 좋구요,,

포인트는 더 걸어야 할것 같은데 이것밖에 없네요,,
감사 드립니다,,,

원본은 블루비 입니다.
http://www.blueb.co.kr/bbs.php?table=JS_01&query=view&uid=44&p=9