Slideshow with text and links

Hi, there.

I'm working on a client's site that has a six-image slideshow on the homepage. Here's a hand-coded version of the page: http://www.tomlinsonelitehockey.com/index-02.shtml. And this is the code I'm using (sourced from DynamicDrive.com):

<SCRIPT TYPE="text/javascript" SRC="fadeslideshow.js"></SCRIPT>

<SCRIPT TYPE="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [756, 261], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["images-slides/main-image-home-01.jpg", "", "", "<a href='index.shtml' class='aWhite'>Caption #1</a>"],
["images-slides/main-image-home-02.jpg", "", "", "<a href='sign.shtml' class='aWhite'>Reach your goals! Sign up today for our Summer 2011 programs.</a>"],
["images-slides/main-image-home-03.jpg", "", "", "<a href='newsPage.php?Introducing_Tomlinson_Elite_Hockey_s_new_logo-32/' class='aWhite'>New year, new programs, and a new logo...</a>"],
["images-slides/main-image-home-04.jpg", "", "", "<a href='index.shtml' class='aWhite'>Caption #4</a>"],
["images-slides/main-image-home-05.jpg", "", "", "<a href='index.shtml' class='aWhite'>Caption #5</a>"],
["images-slides/main-image-home-06.jpg", "", "", "<a href='index.shtml' class='aWhite'>Caption #6</a>"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})

</SCRIPT>

I'm trying to set this up so that the images, text and links can be changed by the client using CMS Builder (they're using a really old version - 1.09). I've substituted code generated by CMSB where I thought it should go, so that it now looks like this:
<script type="text/javascript" src="fadeslideshow.js"></script>

<!-- STEP1: Load Record (Paste this above other step) -->
<?php
require_once "/home/tomhoc/public_html/cmsAdmin/lib/viewer_functions.php";
$options = array(); // NOTE: see online documentation for more details on these options
$options['tableName'] = 'slideshow'; // (REQUIRED) MySQL tablename to list record from. Example: "article";
$options['recordNum'] = ''; // (optional) Record number to display. Example: "1"; Defaults to number on end of url, then 1
$options['where'] = ''; // (ADVANCED) MySQL WHERE conditions to use INSTEAD of recordNum to look up record. Example: "fieldname = 'value'"
$record = getRecord($options);
?>
<!-- /STEP1: Load Record -->

<!-- STEP2: Display Record (Paste this where you want your record displayed and re-arrange fields) -->
<?php if ($record): ?>
<?php endif ?>

<?php if (empty($record)): ?>
<?php endif ?>
<!-- STEP2: /Display Record -->


<script type="text/javascript">

var mygallery=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [756, 261], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
[" <!-- STEP3: Display Uploads from 'content' (Paste this where you want your uploads displayed) -->
<!-- Upload Program Fields : num, createdTime, tableName, fieldName, recordNum, preSaveTempId, filePath, filename, extension, thumbFilePath -->
<!-- Upload Image Fields : isImage, hasThumbnail, urlPath, width, height, thumbUrlPath, thumbWidth, thumbHeight -->
<!-- Upload Info Fields : info1, info2, info3, info4, info5 -->
<?php if ($record): ?>
<?php foreach (getUploads($options['tableName'], 'content', $record['num']) as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>
<img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" />

<?php elseif ($upload['isImage']): ?>
<img src="<?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" />

<?php else: ?><?php endif ?>
<?php endforeach ?>
<?php endif ?>
<!-- STEP3: /Display Uploads from 'content' -->"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:3500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})

</script>

Unfortunately, the slide images aren't showing up: http://www.tomlinsonelitehockey.com/index-03.shtml

Does anyone know why, please?