<script language="JavaScript1.1">

/*

DHTML slideshow script-

ฉ Dynamic Drive (www.dynamicdrive.com)

For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com

*/

var photos=new Array()

var photoslink=new Array()

var which=0

//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)

photos[0]="image1.gif"

photos[1]="image2.gif"

photos[2]="image3.gif"

photos[3]="image4.gif"

photos[4]="image5.gif"

//Specify whether images should be linked or not (1=linked)

var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"

photoslink[0]=""

photoslink[1]=""

photoslink[2]=""

photoslink[3]=""

photoslink[4]=""

//do NOT edit pass this line

var preloadedimages=new Array()

for (i=0;i<photos.length;i++){

preloadedimages[i]=new Image()

preloadedimages[i].src=photos[i]

}

function applyeffect(){

if (document.all){

photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)

photoslider.filters.revealTrans.stop()

photoslider.filters.revealTrans.apply()

}

} 

function playeffect(){

if (document.all)

photoslider.filters.revealTrans.play()

}

function keeptrack(){

window.status="Image "+(which+1)+" of "+photos.length

} 

function backward(){

if (which>0){

which--

applyeffect()

document.images.photoslider.src=photos[which]

playeffect()

keeptrack()

}

}

function forward(){

if (which<photos.length-1){

which++

applyeffect()

document.images.photoslider.src=photos[which]

playeffect()

keeptrack()

}

}

function transport(){

window.location=photoslink[which]

}

</script>

<tr>

<td width="100%" colspan="2" height="22"><center>

<script>

if (linkornot==1)

document.write('<a href="javascript:transport()">')

document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')

if (linkornot==1)

document.write('</a>')

</script>

</center></td>

</tr>

<tr>

<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>

<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>

</tr>

</table>