Sorry if I wasn't clear enough. Try this:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">
<!--
// Begin
// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array.
theImages[0] = 'index_random/00.jpg'
theImages[1] = 'index_random/01.jpg'
theImages[2] = 'index_random/02.jpg'
theImages[3] = 'index_random/03.jpg'
theImages[4] = 'index_random/04.jpg'
theImages[5] = 'index_random/05.jpg'
theImages[6] = 'index_random/06.jpg'
theImages[7] = 'index_random/07.jpg'
theImages[8] = 'index_random/08.jpg'
theImages[9] = 'index_random/09.jpg'
theImages[10] = 'index_random/10.jpg'
theImages[11] = 'index_random/11.jpg'
theImages[12] = 'index_random/12.jpg'
theImages[13] = 'index_random/13.jpg'
theImages[14] = 'index_random/14.jpg'
theImages[15] = 'index_random/15.jpg'
theImages[16] = 'index_random/16.jpg'
theImages[17] = 'index_random/17.jpg'
theImages[18] = 'index_random/18.jpg'
theImages[19] = 'index_random/19.jpg'
theImages[20] = 'index_random/20.jpg'
theImages[21] = 'index_random/21.jpg'
theImages[22] = 'index_random/22.jpg'
theImages[23] = 'index_random/23.jpg'
theImages[24] = 'index_random/24.jpg'
theImages[25] = 'index_random/25.jpg'
theImages[26] = 'index_random/26.jpg'
theImages[27] = 'index_random/27.jpg'
theImages[28] = 'index_random/28.jpg'
theImages[29] = 'index_random/29.jpg'
theImages[30] = 'index_random/30.jpg'
theImages[31] = 'index_random/31.jpg'
theImages[32] = 'index_random/32.jpg'
theImages[33] = 'index_random/33.jpg'
theImages[34] = 'index_random/34.jpg'
theImages[35] = 'index_random/35.jpg'
theImages[36] = 'index_random/36.jpg'
theImages[37] = 'index_random/37.jpg'
// do not edit anything below this line
var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img name="ChangeImg" id="ChangeImg" src="'+theImages[whichImage]+'">');
}
// End -->
//-->
</script>
<script>
function reloadMe()
{
window.location.reload()
}
</script>
<script>
<!--
timerID = window.setTimeout ("reloadMe()", 30000)
function MM_displayStatusMsg(msgStr) { //v2.0
status=msgStr;
document.MM_returnValue = true;
}
//-->
</script>
<style type="text/css">
<!--
a:link { text-decoration: none}
.unnamed1 { color: #999999; text-decoration: none}
-->
</style></head>
<body bgcolor="#FFFFFF" topMargin=0 marginheight="0"
marginwidth="0" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<table width="56%" border="0" height="37">
<tr>
<td height="7"><a href="pictures_02.htm" target="bottom" onClick="MM_displayStatusMsg('?');return document.MM_returnValue">
<script language="JavaScript">
<!-- Begin
showImage();
// End -->
</script>
</a></td>
</tr>
<tr>
<td height="2">
<pre><font color="#999999" face="Verdana, Arial, Helvetica, sans-serif" size="-1<a href="javascript:ChangeImg.src = 'index_random/00.jpg'" class="unnamed1">0</a>
<a href="javascript:ChangeImg.src = 'index_random/01.jpg'" class="unnamed1">1</a> 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
</font></pre>
</td>
</tr>
</table>
</body>
</html>
You should also be able to combine the multiple <script> tags into one script, but get it working first :).
Good luck
Adam