"Undefined" Can't rid of this!

Hey guys I have this script for an image changer and it has undefined under the images and I can't see where in the code this would be. Here is a screenshot and my source.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.O Transitional//EN">
<html>
<head>        <!-- Webpage Title -->
    <title>Turner Tree Service - Tree Trimming & Landscaping</title>
    
        <!-- Link to CSS StyleSheets -->
<link rel=stylesheet href="root.css" type="text/css">

</head>

<body bgcolor="#AFAFAF">

        <!-- Logo Goes Here -->
<img src="Images/logo.jpg" alt="Turner Tree Service" /> 

<div id = "slideshow">
<script language="JavaScript1.2">

/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()  <!-- Start Slideshow -->

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['images/slideshow/img000.jpg']
variableslide[1]=['images/slideshow/img054.jpg']
variableslide[2]=['images/slideshow/img055.jpg']
variableslide[3]=['images/slideshow/img057.jpg']
variableslide[4]=['images/slideshow/img058.jpg']
variableslide[5]=['images/slideshow/img059.jpg']
variableslide[6]=['images/slideshow/img060.jpg']
variableslide[7]=['images/slideshow/img061.jpg']
variableslide[8]=['images/slideshow/img062.jpg']
variableslide[9]=['images/slideshow/img063.jpg']
variableslide[10]=['images/slideshow/img064.jpg']
variableslide[11]=['images/slideshow/img065.jpg']
variableslide[12]=['images/slideshow/img067.jpg']
variableslide[13]=['images/slideshow/img070.jpg']
variableslide[14]=['images/slideshow/img079.jpg']
variableslide[15]=['images/slideshow/img092.jpg']
variableslide[16]=['images/slideshow/img112.jpg']
variableslide[17]=['images/slideshow/img114.jpg']
variableslide[18]=['images/slideshow/img132.jpg']
variableslide[19]=['images/slideshow/img1341.jpg']
variableslide[20]=['images/slideshow/img11211.jpg']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='420px' //set to width of LARGEST image in your slideshow
var slideheight='270px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='#AFAFAF'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</script>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

</div>


<div id = "menu">
    
    <ul>
        <li> <a href = "index.html">HOME</a></li>
        <li> <a href = "index.html">SERVICES</a></li>
        <li> <a href = "index.html">ABOUT US</li>
        <li> <a href = "index.html">FAQ</li>
        <li> <a href = "index.html">CONTACT</li>
    </ul>
        
</div>

<div id = "navigation">

    <ul>
        <li><a href = "http://www.">Portfolio</a></li>
        <li><a href = "http://www.">Links</a></li>
        <li><a href = "http://www.">Disease Control</a></li>
        <li><a href = "http://www.">Pesticides</a></li>
        <li><a href = "http://www.">Other</a></li>
    </ul>
    
</div>        <!-- End div id's -->

<div id = "centerDoc">    

        <h3>Header Start Design Template 1</h3>        <!-- Start Main Content -->
    <p class = "italic">
        Paragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here,
    </p>
    
            <h3>Header Start Design Template 2</h3>
    <p>    
        Paragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here,
    </p>
    
            <h3>Header Start Design Template 3</h3>
    <p>
        Paragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here, 
        aragraph Contents Go Here, aragraph Contents Go Here, aragraph Contents Go Here,
    </p>
    
</div>
</body>


</html>

CSS

#slideshow {
    position: absolute;
    width: 415px;
    height: 265px;
    top: 22px;
    left: 530px;
}

#navigation    {
    position absoulte:
    width: 300px;
    top: 10px;
    left: 40px;
    color: red;
}
                
                
#menu    {
    color: green;
}
    
    
p    {
    position absolute:
    top: 10px;
    left: 50px;
    width: 80%;
    color: red;
}
    
    
h3    {
    width: 80%;
    border-top: 1px dashed #8B6D41;
}
    
    
.italic    {
    width: 50%;
    font-style: italic;
}

#current    {
    color: green;
}