	var image=new Array("images/header1_New.jpg",
                    "images/header3_New.jpg",
                    "images/header4_New.jpg",
					"images/header4_New.jpg"

					)
               
//variable that will increment through the images
var num=0

// set the delay between images
var timeDelay
 
//preload the images in the cache so that the images load faster
//create new instance of images in memory 

var imagePreload=new Array()
for (i=0;i<image.length;i++)
{
   imagePreload[i]=new Image()
// set the src attribute
imagePreload[i].src=image[i]
}

function image_effects()
{
   
     //set the transition to the number selected in the list
     slideShow.filters.revealTrans.Transition=12
	 slideShow.filters.revealTrans.apply()
     slideShow.filters.revealTrans.play()
  
}

//for automatic Slideshow of the Images
function slideshow_automatic()
{ 

    if (num<image.length)
     {
       num++
       //if last image is reached,display the first image
       if (num==image.length) 
       num=0
       image_effects()
       //sets the timer value to 4 seconds,we can create a timing loop by using the setTimeout method
       timeDelay=setTimeout("slideshow_automatic()",6000) 
       document.images.slideShow.src=image[num]   
   }  

}
