//JavaScript name="ripple1r.js" date="29/3/2001" author="Mitsu Kono" email="mxk121@rsphysse.anu.edu.au"
var maxIMG=4;
var nIMG=0;
var sIMG='http://wwwrsphysse.anu.edu.au/~mxk121/javascript/ripple.gif';
var sIMG0='http://wwwrsphysse.anu.edu.au/~mxk121/javascript/ripple0.gif';
var msIMG=1000; //1sec
var MouseX=0;
var MouseY=0;
var szIMG=40;

document.writeln('<style>.hide {position:absolute; left:-40; top:-40;};<' + '/style>');
for (nIMG = 0; nIMG < maxIMG; nIMG++){
   document.write('<span class="hide">');
   document.write('<img src="' + sIMG + '" border="0" width="' 
                  + szIMG + '" height="' + szIMG + '">'
                 );
   document.write('</span>');
};

if (document.layers) {document.captureEvents(Event.CLICK);};
document.onclick = MoveIMG;

function OrgIMG(nIMG) {
   if (document.all) {
      with (document.all.tags("span")[nIMG]) {
         style.left = -szIMG;
         style.top = -szIMG;
      };
   } else if (document.layers) {
      with (document.layers[nIMG]) {
         pageX = -szIMG;
         pageY = -szIMG;
      };
   } else if (document.getElementsByTagName) {
      with (document.getElementsByTagName("span")[nIMG]) {
         style.left = -szIMG;
         style.top = -szIMG;
      };
   };
};

function MoveIMG(position) {
   nIMG = nIMG % maxIMG;
   if (document.all) {
      MouseX = event.clientX + document.body.scrollLeft;
      MouseY = event.clientY + document.body.scrollTop;
      document.images[nIMG].src = sIMG;
      with (document.all.tags("span")[nIMG]) {
         src = sIMG;
         style.left = MouseX - szIMG / 2;
         style.top = MouseY - szIMG / 2;
      };
   } else if (document.layers) {
      MouseX = position.pageX;
      MouseY = position.pageY;
      with (document.layers[nIMG]) {
         document.images[0].src = sIMG0;
         left = MouseX - szIMG / 2;
         top = MouseY - szIMG / 2;
      };
   } else if (document.getElementsByTagName) {
      MouseX = position.pageX;
      MouseY = position.pageY;
      document.images[nIMG].src = sIMG0;
      with (document.getElementsByTagName("span")[nIMG]) {
         style.left = MouseX - szIMG / 2;
         style.top = MouseY - szIMG / 2;
      };
   };
   setTimeout('OrgIMG('+nIMG+')',msIMG);
   nIMG++;
};