newbie code help needed

[gloryboy]

can anyone help me out here

im having abit of javascript trouble, this is my first javascript experience, i have tried this code lots of different ways round and cant get it to work, can anyone give me the correct sequences.

<td align="center" width="50%">
<img border="1" src="kingsimports_images/wooden-dock.jpg" width="200" height="200" id="Makayo Lodge"><br />

<a href="#_self" onclick="NextImageSlide('Makayo Lodge','kingsimports_images/caribbean-beach1.jpg;kingsimports_images/veranda.jpg;kingsimports_images/kitchen-window.jpg;kingsimports_images/beach1.jpg')">
click here to see the next picture</a>

<script language="javascript">


// Manual Slide-Show script. With image cross fade effect for those browsers
// that support it.
var manualPictures = new Array();
function NextImageSlide(pictureName,imageFiles)
{
// Ensure picture list primed.
if (manualPictures[kingsimports_images/wooden-dock.jpg] == null) {
manualPictures[wooden-dock.jpg] = imageFiles;
} else {
imageFiles = manualPictures[wooden-dock.jpg];
}
var imageSeparator = imageFiles.indexOf(";");
var nextImage = imageFiles.substring(0,imageSeparator);
if (document.all)
{
document.getElementById(wooden-dock.jpg).style.filter="blendTrans(duration=2)";
document.getElementById(wooden-dock.jpg).filters.blendTrans.Apply();
}
document.getElementById(dock.jpg).src = nextImage;
if (document.all)
{
document.getElementById(wooden-dock.jpg).filters.blendTrans.Play();
}
manualPictures[wooden-dock.jpg] =
imageFiles.substring(imageSeparator+1,imageFiles.length)
+ ';' + nextImage;
}

</script><br />

</td>

i want alot of image slideshows on 1 page, do i need to repeat the code each time for each slideshow?

cheers