var frame = 60;           // Use last frame as first frame
var timeout_id = null;    // This allows us to stop the animation.
var speed = 200;

// Preload image array

var images = new Array(120);

for(var i = 60; i >= 1; i--) {
    images[i] = new Image(352,240);                          // Create an Image object.
    images[i].src = "images/image" + i + ".jpg";          // Image URLs to load.
}

function animate()
{
    document.animation.src = images[frame].src;
    frame = frame + 1;
    if(frame == 61){frame=1;}
    timeout_id = setTimeout("animate()", speed);      // Frame delay
    document.forms[0].frm.value = frame
}

function rate(element)
{
   
   if(element == "+"){
      speed = speed - 50;
      if(speed < 0){speed = 700;}
   } 

   if(element == "-"){
      speed = speed + 50;
      if(speed > 700){speed = 0;}
   } 

   document.forms[0].spd.value = 15-(speed/50);
}

function step(element)
{
   if(element == "+"){frame = frame + 1;}
   if(element == "-"){frame = frame - 1;}
   if(frame == 0){frame = 60;}
   if(frame == 61){frame = 1;}
   document.forms[0].frm.value = frame
   document.animation.src = images[frame].src;
}