I have a page which has mulgiple slideshows on it. I would like to put two of the blending image slideshow script on this same page. I have gotten it to the point of this:

<script language="JavaScript1.1">
<!--

//*****************************************
// Blending Image Slide Show Script-
// © Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("hall01a.jpg","hall02a.jpg","hall03a.jpg","hall04a.jpg","hall05a.jpg","ffpic05.jpg");
var slideimages=new Array("ffpic01a.jpg","ffpic02.jpg","ffpic02.jpg","ffpic03.jpg","ffpic04.jpg","ffpic05.jpg","ffpic06.jpg","ffpic07.jpg","ffpic08.jpg")

//specify corresponding links
var slidelinks=new Array("","","","","")
var slidelinks=new Array("","","")

var newwindow=0 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>

in the head. And this:

<img src="hall01a.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=220 height=150></a>


in the body. The other slideshow is this:

<img src="ffpic01a.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=220 height=150></a>

in the body. The second one fades perfectly, but the first one just shows the first pic and doesn't move onto the next picture. It's just a static pic.

What do I need to do to get this to work on both slideshows?