Vis layer ved cursor m.m.

Nedenstående kode viser bl.a. en funktion der bestemmer cursorens placering. Desuden er der et layer som vises ved klik på et at de 3 billeder. Hvordan viser jeg mit layer ved cursorens position?

Hvis vi forestiller os at de 3 billeder er resultat at 3 records i en db. Dvs de kan forsynes med hver deres id. Hvordan kan jeg trække det id op de links der er i mit layer?

<html>
<head>
<script language="JavaScript"><!--
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=track;

function track(e) {
  var text = 'Coordinates: ';
  var xc = event.x;
  var yc = event.y;
}

function find_objekt(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=find_objekt(n,d.layers[i].document); return x;
}

function vis_skjul_layers() {
  var i,p,v,obj,args=vis_skjul_layers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=find_objekt(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

//--></script>
</head>
<body>
<div id="test" style="visibility:hidden;position:absolute;left:;top:;">
<table>
<tr><td><a href="link1.asp?id=">Link 1</a></td></tr>
<tr><td><a href="link2.asp?id=">Link 2</a></td></tr>
<tr><td><a href="link3.asp?id=">Link 3</a></td></tr>
</table>
</div>

<img src="pic1.gif" onclick="vis_skjul_layers('test','','show')" style="position:absolute;left:100px;top:50px">
<img src="pic2.gif" onclick="vis_skjul_layers('test','','show')" style="position:absolute;left:100px;top:80px" ID="Button1" NAME="Button1">
<img src="pic3.gif" onclick="vis_skjul_layers('test','','show')" style="position:absolute;left:100px;top:110px" ID="Button2" NAME="Button2">
</body>
</html>