Рисунок бегает за курсором

<html>

<head>
<title>Рисунок бегает за курсором</title>
<script language="JavaScript">
<!-- Hide from old browsers
var x,y
var xspacer = 5
var yspacer = 20
var flag=0

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
	flag=1
}

function moveImg() {

if (flag==1 && document.all) {
    		document.all.mouseImg.style.posLeft = x + xspacer + document.body.scrollLeft
		document.all.mouseImg.style.posTop = y + yspacer + document.body.scrollTop
	}
	
	if (flag==1 && document.layers) {
		document.mouseImg.left = x + xspacer
		document.mouseImg.top = y + yspacer
	}
	var timer=setTimeout("moveImg()",10)
}
// -->
</script>

<STYLE>
.pointerImg {
	position:absolute;
	visibility:visible;
	top:-50px;
}
</STYLE>
</head>

<body onLoad="moveImg()" >
<script language="JavaScript">
<!-- Hide from old browsers
document.write("<span id='mouseImg' class='pointerImg'><img src='имя рисунка и где лежит'></span>")

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// -->
</script>

<div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s202.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div>
</body>
</html>