ayuda a revisar codigo de mover imagen..

[dancresi]

hola amigos este codigo que tengo es para mover una sola imagen con el cursor del mouse pero necesito mover 7 imagenes diferentes y a diferentes lados de mi pagina, que le tengo que agregar, mas de codigo, para las otras 6 imagenes, gracias por su ayuda.

este es mi codigo

Código HTML:

<p align="center"><b>Pulsar y arrastrar imagen
<script>
var isNS4 = document.layers?true:false;
var isIE = document.all?true:false;
var isNS6 = !isIE && document.getElementById?true:false;

if (isIE||isNS6)
  document.write('<div id=ball style="position:absolute;top:0:left:0"><a onmouseover="status=\'Click to move the ball\';return true;" href="javascript:clk()"><img  src="jugador1.gif" border=0></a></div>');
  
var DRAG = false;
var offsetX = 15;// 1/2 the image width
var offsetY = 15;// 1/2 the image height
function clk() {
  DRAG = !DRAG; if(!DRAG) status="I've been moved!";
}

if (isNS6) document.addEventListener("mousemove", getMousePosition, true);
if (isNS4) document.captureEvents(Event.MOUSEMOVE);
if (isIE||isNS4)document.onmousemove=getMousePosition;
function getMousePosition(e) {
  if(!DRAG) return;
  if (isNS4) {
    document.ball.x=e.pageX-offsetX;
    document.ball.y=e.pageY-offsetY;
  }
  
  if (isIE) {
    document.all.ball.style.posLeft=event.x-offsetX;
    document.all.ball.style.posTop=event.y-offsetY;
  }
}
</script>