var info = new Array ();
var maps = new Array ();
var tims = new Array ();
var stas = new Array ();

function animate (myid, speed, width, height, caption, img1, img2)
{
   var str, i, imgs, animg, iid;

   if (myid == '') myid = 'I' + info.length;

   str = '<p class="image"><img id="' + myid + '" src="' + img1 + '" width="' + width + '" height="' + height + '">';
   imgs = new Array ();
   for (i = 5; i < animate.arguments.length; i++) {
       animg = new Image ();
       animg.src = animate.arguments[i];
       imgs.push (animg);
   }
   maps.push (myid);
   info.push (imgs);
   stas.push (0);
   document.write (str + '<br>' + caption + '</p>\n');
   if (document.getElementById) {
      iid = setInterval ('animatethis(\''+ myid + '\')', speed);
      tims.push (iid);
   }
}

function stopanimations ()
{
   for (var i=0; i<tims.length; i++) {
       clearInterval (tims[i]);
   }
}

function animatethis (myid)
{
   var i, ix, sta, myinfo, me;
   ix = -1;
   for (i=0; i<maps.length; i++) {
       if (maps[i] == myid) {
          ix = i;
          break;
       }
   }
   if (ix == -1) debugger;
   sta = stas[ix];
   myinfo = info[ix];

   sta += 1;
   if (sta >= myinfo.length) sta = 0;
   me = document.getElementById (myid);
   me.src = myinfo[sta].src;
   stas[ix] = sta;
}

window.onunload = stopanimations;