<html>
<head>

<style type="text/css">
<!--
.mouse { position:absolute; visibility:visible; top:-100; left:-100;}
//-->
</style>

</head>
<body>

<script language="JavaScript">
<!--
 var mouse = new Array();
 mouse[0] = new Image();  mouse[0].src = "x_1.gif";
 mouse[1] = new Image();  mouse[1].src = "x_1.gif";
 mouse[2] = new Image();  mouse[2].src = "x_7.gif";


function changeImage(n) {
  if(document.onmousemove != null) {
    if(document.layers) {
      document.layers[lovemouse_id].document.images[lovemouse_imgName].src = mouse[n].src;
    }
    else if(document.all) {
      document.images[lovemouse_imgName].src = mouse[n].src;
    }
  }
}


function moveImage(e) {
  pos = 15; //

  if(document.layers) {
    document.layers[lovemouse_id].moveTo(e.x+pos,  e.y+pos);
  }
  else if(document.all) {
    document.all(lovemouse_id).style.posTop = document.body.scrollTop + event.clientY + pos;
    document.all(lovemouse_id).style.posLeft= document.body.scrollLeft + event.clientX + pos;
  }
 return true;
}


function click() {
 if(document.layers) {
   obj = document.layers[lovemouse_id];
 }
 else if(document.all) {
   obj = window;
 }

 if(document.onmousemove == null) {
  obj.document.images[lovemouse_imgName].src = mouse[0].src;
  document.onmousemove = moveImage;
 }
 else {
  obj.document.images[lovemouse_imgName].src = mouse[2].src;
  document.onmousemove = null;
 }
}

 //------------------------------------//

 var lovemouse_id      = "LoveMouse";
 var lovemouse_imgName = "Mouse";

 document.write("<span id='" +lovemouse_id+ "' class='mouse'>");
 document.write("<img src='" +mouse[0].src+ "' width=28 height=28 id='" +lovemouse_imgName+ "' name='" +lovemouse_imgName+ "'>");
 document.write("</span>");

 if(document.layers)  {
   document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
   document.onmousedown = click;
  }
 else if(document.all) {
   document.body.onclick= click;
  }

 document.onmousemove = moveImage;


//-->
</script>

</body>
</html>