Multiple slideshows on same page - different pics and links

I am trying to create a page with 4 slideshows on the same page, one under the other - Here is what I have so far....

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

    //Pixelating Image slideshow
   //Copyright Dynamic Drive 2001
   //Visit http://ift.tt/L2SPkf for this script

  //specify interval between slide (in mili seconds)
  var slidespeed=6000
  //specify images
  var slideimages=new
  Array
 ("Images/abouthome.jpg","Images/awardhome1.jpg","Images/instructhome1.jpg")
 //specify corresponding links
 var slidelinks=new Array("about.php","instructor.php","awards.php")

 var imageholder=new Array()
 var ie55=window.createPopup
 for (i=0;i<slideimages.length;i++){
 imageholder[i]=new Image()
 imageholder[i].src=slideimages[i]
 }

 function gotoshow(){
 window.location=slidelinks[whichlink]
 }

 //-->
 </script>
 <a href="javascript:gotoshow()"><img src="Images/abouthome.jpg"
 name="slide" border=0 
  style=
"filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"</a>

 <script language="JavaScript1.1">
 <!--
 var whichlink=0
 var whichimage=0
 var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
 function slideit(){
 if (!document.images) return
 if (ie55) document.images.slide.filters[0].apply()
 document.images.slide.src=imageholder[whichimage].src
 if (ie55) document.images.slide.filters[0].play()
 whichlink=whichimage
 whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
 setTimeout("slideit()",slidespeed+pixeldelay)
 }
 slideit()

 //-->
 </script>

I can't figure out how to get a second slideshow underneth the first with different pictures and different links without make the first one stop working.....any help is appreciated