// store an interval in a variable

var pause = 100;

// create and initialize a counter                                    

var n = 0; 

// create an array of image file names                                         

var imgs = new Array ( 
"./palms/palms_2.0001.jpg", 
"./palms/palms_2.0002.jpg", 
"./palms/palms_2.0003.jpg",
"./palms/palms_2.0004.jpg",
"./palms/palms_2.0005.jpg",
"./palms/palms_2.0006.jpg",
"./palms/palms_2.0007.jpg",
"./palms/palms_2.0008.jpg",
"./palms/palms_2.0009.jpg",
"./palms/palms_2.0010.jpg",
"./palms/palms_2.0011.jpg", 
"./palms/palms_2.0012.jpg", 
"./palms/palms_2.0013.jpg",
"./palms/palms_2.0014.jpg",
"./palms/palms_2.0015.jpg",
"./palms/palms_2.0016.jpg",
"./palms/palms_2.0017.jpg",
"./palms/palms_2.0018.jpg",
"./palms/palms_2.0019.jpg",
"./palms/palms_2.0020.jpg",
"./palms/palms_2.0021.jpg", 
"./palms/palms_2.0022.jpg", 
"./palms/palms_2.0023.jpg",
"./palms/palms_2.0024.jpg",
"./palms/palms_2.0025.jpg",
"./palms/palms_2.0026.jpg",
"./palms/palms_2.0027.jpg",
"./palms/palms_2.0028.jpg",
"./palms/palms_2.0029.jpg",
"./palms/palms_2.0030.jpg");

// 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 rotate()
{                       
  window.document.images.pic.src = imgs[n];                   
  ( n == (imgs.length - 1 )) ? n = 0 : n++;  
  window.setTimeout( "rotate()", pause );                              
}

// specify the onload event-handler

window.onload = rotate;