// store an interval in a variable

var pause = 1000;

// create and initialize a counter                                    

var n = 0; 

// create an array of image file names                                         

var imgs = new Array ( 
"chchimages/Nov11_01.gif",
"chchimages/Nov11_02.gif",
"chchimages/Nov11_03.gif",
"chchimages/Nov11_04.gif",
"chchimages/Nov11_05.gif",
"chchimages/Nov11_06.gif",
"chchimages/Nov11_07.gif",
"chchimages/Nov11_08.gif",
"chchimages/Nov11_09.gif",
"chchimages/Nov11_10.gif",
"chchimages/Nov11_11.gif",
"chchimages/Nov11_12.gif",
"chchimages/Nov11_13.gif",
"chchimages/Nov11_12.gif",
"chchimages/Nov11_11.gif",
"chchimages/Nov11_10.gif",
"chchimages/Nov11_09.gif",
"chchimages/Nov11_08.gif",
"chchimages/Nov11_07.gif",
"chchimages/Nov11_06.gif",
"chchimages/Nov11_05.gif",
"chchimages/Nov11_04.gif",
"chchimages/Nov11_03.gif",
"chchimages/Nov11_02.gif",
"chchimages/Nov11_01.gif");

// preload all the images

var preload = new Array();

for( var i = 1; i < imgs.length; i++ )
{
  preload[i] = new Image();
  preload[i].src = imgs[i];
}

// a function to display each image for the set interval

function rotateB()
{                       
  document.images.pic.src = imgs[n];                   
  ( n == (imgs.length - 1 )) ? n = 0 : n++;  
  setTimeout( "rotateB()", pause );                              
}

// specify the onload event-handler

window.onload = rotateB;