Image Swap 1 - Auto Multi

Select which set of images to scroll through, click on the large image to pause, click again to restart
<HTML>
<HEAD>
<TITLE>Image Swap 1 - Auto Multi</TITLE>

<script type="text/javascript">
<!--
//Jeff
//www.huntingground.freeserve.co.uk

is1am=[
["picset1a.gif","picset1b.gif","picset1c.gif","picset1d.gif","picset1e.gif"],
["picset2a.gif","picset2b.gif","picset2c.gif","picset2d.gif","picset2e.gif"],
["picset3a.gif","picset3b.gif","picset3c.gif","picset3d.gif","picset3e.gif"],
["picset4a.gif","picset4b.gif","picset4c.gif","picset4d.gif","picset4e.gif"]
]

pause=2

preload=[]
for(var i=0;i<is1am.length;i++){
preload[i]=new Array()
for(var j=0;j<is1am[i].length;j++){
preload[i][j]=new Image()
preload[i][j].src=is1am[i][j]
}
}

timer=null
function initIS1am(n){
clearTimeout(timer)
arrIndex=n
count=0
nextIS1am()
}

function nextIS1am(){
document.images["pic"].src=is1am[arrIndex][count]
count=(count==is1am[arrIndex].length-1?0:count+1)
timer=setTimeout("nextIS1am()",pause*1000)
}

c=0
function pauseIS1am(){
if(c==0){
clearTimeout(timer)
c=1
}
else{
nextIS1am()
c=0
}
}

// add  onload="initIS1am(0)" to the opening body tag

// -->
</script>

</HEAD>
<BODY onload="initIS1am(0)">
<h1>Image Swap 1 - Auto Multi</h1>

<img name="pic" id="pic" alt="" src="" style="width:50px;height:67px" onclick="pauseIS1am()">

<img src="picset1a.gif" style="border:0" onclick="initIS1am(0)">
<img src="picset2a.gif" style="border:0" onclick="initIS1am(1)">
<img src="picset3a.gif" style="border:0" onclick="initIS1am(2)">
<img src="picse4a1.gif" style="border:0" onclick="initIS1am(3)">

</BODY>
</HTML>