var count=1;

var IMG_NO=8; // set no of images

var imgUrl = new Array(); // image urls array
var imgObj = new Array(); // array which will be converted to image array


function init(){
	//document.getElementById("div2").innerHTML="<h3>Loading ... </h3>";
	loadImage();
}

function loadImage()
{
	
	// set image urls
	imgUrl[1]="image/img2.jpg";
	imgUrl[2]="image/img10.jpg";
	imgUrl[3]="image/img5.jpg";
	imgUrl[4]="image/img13.jpg";
	imgUrl[5]="image/img16.jpg";
    imgUrl[6]="image/img18.jpg";
	imgUrl[7]="image/img19.jpg";
	imgUrl[8]="image/img14.jpg";
	
	// start preloading
     for(var i=1; i<=IMG_NO; i++) 
     {
          imgObj[i]= new Image();
		  imgObj[i].src=imgUrl[i];
     }
	
	imgObj[IMG_NO].onLoad=startSlideShow();

}

function startSlideShow()
{
	//document.getElementById("div2").innerHTML="<h3>-- loaded --  </h3>";
	slideShow();
}

function slideShow()
{
	
	var d=document.getElementById("img1");
	d.src=imgUrl[count];
	count++;
	if(count > IMG_NO)
	count=1;
	// call same function in 2 sec
	setTimeout("slideShow()",2000);
}