var pause = 5000;

//counter

var n = 0;

//array of image files

var imgs = new  Array ("sliketf/sl1.jpg","sliketf/sl2.jpg","sliketf/sl3.jpg","sliketf/sl4.jpg","sliketf/sl5.jpg","sliketf/sl6.jpg","sliketf/sl7.jpg",
"sliketf/sl8.jpg","sliketf/sl9.jpg","sliketf/sl10.jpg","sliketf/sl11.jpg","sliketf/sl12.jpg","sliketf/sl13.jpg","sliketf/sl14.jpg",
"sliketf/sl15.jpg","sliketf/sl16.jpg","sliketf/sl17.jpg","sliketf/sl18.jpg","sliketf/sl19.jpg","sliketf/sl20.jpg","sliketf/sl21.jpg",
"sliketf/sl22.jpg","sliketf/sl23.jpg","sliketf/sl24.jpg","sliketf/sl25.jpg","sliketf/sl26.jpg","sliketf/sl27.jpg","sliketf/sl28.jpg",
"sliketf/sl29.jpg","sliketf/sl30.jpg","sliketf/sl31.jpg","sliketf/sl32.jpg","sliketf/sl33.jpg","sliketf/sl34.jpg","sliketf/sl35.jpg","sliketf/sl36.jpg");


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

}

//specify the onload event handler