my random images not working.
I have my images loaded on the server.
got the script from:
http://www.**************/randomimage.html

my site:
http://www.hottunaint.com/hometest.html

the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hot Tuna</title>


<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="/common/default.css" rel="stylesheet" type="text/css" />
<style type="text/css">

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
font-family: "MS Sans Serif", Arial, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: 900;
color: #e51f26;
}

div.menuBar {
background-color: #000000;
border: 5px outset #000000;
padding: 0px 0px 0px 0px;
text-align: left;
}

div.menuBar a.menuButton {
background-color: transparent;
border: 0px solid #e0e0e0;
color: #ffffff;
cursor: default;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover {
background-color: transparent;
border: 1px outset #e0e0e0;
color: #e51f26;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
background-color: #e51f26;
border: 1px inset #e0e0e0;
color: #ffffff;
left: 1px;
top: 1px;
}

div.menu {
background-color: #e0e0e0;
border: 2px outset #e0e0e0;
left: 0px;
padding: 5px 1px 1px 0px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 101;
}

div.menu a.menuItem {
color: #000000;
cursor: default;
display: block;
padding: 3px 1em;
text-decoration: none;
white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background-color: #e51f26;
color: #ffffff;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;
}

div.menu div.menuItemSep {
border: 1px inset #e0e0e0;
margin: 4px 2px;
}

</style>




</head>
<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<script language="JavaScript"
type="text/javascript"> // This script was supplied free by Hypergurl
// http://www.************** <!-- // JavaScript to interpolate random images
into a page. var ic = 6; // Number of alternative images var xoxo = new Array(ic);
// Array to hold filenames
xoxo[0] = "images/graphic0.jpg";
xoxo[1] = "images/graphic1.jpg";
xoxo[2] = "images/graphic2.jpg";
xoxo[3] = "images/graphic3.jpg";
xoxo[4] = "images/graphic4.jpg";
xoxo[5] = "images/graphic5.jpg";
function pickRandom(range)
{ if (Math.random) return Math.round(Math.random() * (range-1)); else { var now
= new Date(); return (now.getTime() / 1000) % range; } } // Write out an IMG tag,
using a randomly-chosen image name. var choice = pickRandom(ic); // --> </script>


<table width="701" height="525" border="1" bordercolor="000000" align="center">
<tr>
<td>
<table width="701" height="94" border="0">
<tr>
<td><a href="index.html"><img src="images/banner.jpg" width="700" height="94" border="0"></a></td>
</tr>
</table>
<table width="701" height="16" border="0">
<tr>
<td>
<table width="700" border="0" bordercolor="#000000">
<tr>
<td height="17" bgcolor="#000000">
<!-- Menu bar #1. -->
<div class="menuBar" style="float:left;width:34em;"><a class="menuButton" href="home.html" onclick="return buttonClick(event, 'menu1');" onmouseover="buttonMouseover(event, 'menu1');"
>HOME </a><a class="menuButton"
href="team.html"
onclick="return buttonClick(event, 'menu2');"
onmouseover="buttonMouseover(event, 'menu2');"
>TEAM</a
><a class="menuButton"
href="product.html"
onclick="return buttonClick(event, 'menu3');"
onmouseover="buttonMouseover(event, 'menu3');"
>PRODUCT</a
><a class="menuButton"
href="contact.html"
onclick="return buttonClick(event, 'menu5');"
onmouseover="buttonMouseover(event, 'menu5');"
>CONTACT US</a
><a class="menuButton"
href="history.html"
onclick="return buttonClick(event, 'menu4');"
onmouseover="buttonMouseover(event, 'menu4');"
>ABOUT US</a
></div>
<!-- Main menus. -->
<!--temporarily comment out the product submenu
<div id="menu3" class="menu">
<a class="menuItem" href="product.html">Men's 2007</a>
<a class="menuItem" href="product.html">Jr's 2007</a>
<a class="menuItem" href="product.html">Jrs's Swim 2007</a>
</div>
temporarily comment out the product submenu -->
<div id="menu4" class="menu">
<a class="menuItem" href="heritage.html">Heritage</a>
<a class="menuItem" href="press.html">Press</a>
<a class="menuItem" href="gallery.html">Gallery</a>
<a class="menuItem" href="history.html">History</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="ad.html">Ads</a> </div>

</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="701" height="10" border="0" bgcolor="#ffffff">
<tr>
<td width="701">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>
<table width="701" height="342"border="0">
<tr>
<td width="9" rowspan="3">&nbsp;
</td>
<td width="223"><a href="product.html"><img src="images/homepanel1.jpg" width="223" height="108" border="0"></a>
</td>
<td width="17" rowspan="3">&nbsp;</td>
<td width="435" rowspan="3">
<SCRIPT LANGUAGE="JavaScript">document.writeln('<TD'+'><IMG SRC="'+xoxo[choice]+'"HEIGHT=342 WIDTH=433 BORDER=0 ><'+'/TD>'); </SCRIPT>
</td>
</tr>
<tr>
<td><a href="galleryshea.html"><img src="images/homepanel2.jpg" width="223" height="108" border="0"></a></td>
</tr>
<tr>
<td><a href="global.html"><img src="images/homepanel3.jpg" width="223" height="108" border="0"></a>
</td>
</tr>
</table>
<table width="701" height="10" bgcolor="#ffffff" border="0">
<tr>
<td></td>
</tr>
</table>
<table width="701" height="58" bgcolor="#000000" border="0">
<tr>
<td><div align="center"><strong><font color="#FFFFFF"><font color="#999999" size="1">Copyright
2006 Hot Tuna International. All rights reserved</font></font></strong></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</html>