// store an interval in a variable

var pause = 8000;

// create and initialize a counter                                    

var n = 0; 

// create an array of image file names                                         

var imgs = new Array ("./photos/rosie1.jpg",  "./photos/rosie2.jpg", "./photos/rosie3.jpg",  "./photos/rosie4.jpg", "./photos/rosie5.jpg", "./photos/rosie6.jpg","./photos/rosie7.jpg", "./photos/rosie8.jpg",  "./photos/rosie9.jpg", "./photos/rosie10.jpg","./photos/rosie11.jpg" ,"./photos/rosie12.jpg" ,"./photos/rosie13.jpg" ,"./photos/rosie14.jpg"   );


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

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

// specify the onload event-handler

window.onload = rotate;