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