I have a html page that is being generated by a Visual Basic program. This player.html file, acts like an archive player. It has buttons like Prev, RevPlay, Play, Next and Stop on it. When I click on the Play button, it calls a javascript function that gets the name of the image from an array and displays the image to the browser. When I run this player.html file on a IE browser running on Windows, all the buttons function correctly. But on an IE browser running on Mac, when I click on the Play button, it runs for a while and then hangs the browser. It always hangs after showing a specific number of images. Is it got to do something with the internal buffer? I am really struggling to get it to work. Can anyone please help me out here?
The file is as written below:

<HTML>
<head>
<title>Image Archive</title>
<script language='JavaScript'>
var liveImgs = new Array( '14311962.jpg', '14312357.jpg', '14312764.jpg', '14313203.jpg', '14313582.jpg', '14314016.jpg', '14314455.jpg', '14320477.jpg', '14321355.jpg', '14321773.jpg', '14322185.jpg', '14322608.jpg', '14323020.jpg', '14323426.jpg', '14323849.jpg', '14331210.jpg', '14335105.jpg', '14335550.jpg', '14335989.jpg', '14340423.jpg', '14340857.jpg', '14341296.jpg', '14341736.jpg', '14342175.jpg', '14342603.jpg', '14343048.jpg', '14343493.jpg', '14343922.jpg', '14344378.jpg', '14344795.jpg', '14345229.jpg', '14345652.jpg', '14350080.jpg', '14350520.jpg', '14350954.jpg', '14351387.jpg', '14351816.jpg', '14352250.jpg', '14352673.jpg', '14353107.jpg', '14353546.jpg', '14353969.jpg', '14354419.jpg', '14354848.jpg', '14355276.jpg', '14355716.jpg', '14360155.jpg', '14360572.jpg', '14361023.jpg', '14361457.jpg', '14361907.jpg', '14362358.jpg', '14362797.jpg', '14363247.jpg', '14363698.jpg', '14364126.jpg', '14364576.jpg', '14365016.jpg', '14365466.jpg', '14365922.jpg', '14370367.jpg', '14370801.jpg', '14371246.jpg', '14371696.jpg', '14372141.jpg', '14372592.jpg', '14373042.jpg', '14373498.jpg', '14373943.jpg', '14374388.jpg', '14374849.jpg', '14375283.jpg', '14375744.jpg', '14380184.jpg', '14380623.jpg', '14381068.jpg', '14381502.jpg', '14381941.jpg', '14382381.jpg', '14382798.jpg', '14383216.jpg', '14383638.jpg', '14384061.jpg', '14384512.jpg', '14384951.jpg', '14385380.jpg', '14385819.jpg', '14390264.jpg', '14390720.jpg', '14391181.jpg', '14391621.jpg', '14392044.jpg', '14392477.jpg', '14392917.jpg', '14393351.jpg', '14393801.jpg', '14394252.jpg', '14394680.jpg', '14395130.jpg', '14395553.jpg', '14400020.jpg', '14401212.jpg', '14401646.jpg', '14402069.jpg', '14402536.jpg', '14402964.jpg', '14403404.jpg', '14403848.jpg', '14404288.jpg', '14404727.jpg', '14405189.jpg', '14405634.jpg', '14410078.jpg', '14411144.jpg', '14411583.jpg', '14412012.jpg', '14412451.jpg', '14412880.jpg', '14413303.jpg', '14413731.jpg', '14414170.jpg', '14414593.jpg', '14415011.jpg', '14415412.jpg', '14415813.jpg', '14420236.jpg', '14420669.jpg', '14423668.jpg', '14424075.jpg', '14424509.jpg', '14424948.jpg', '14425377.jpg', '14425832.jpg', '14430261.jpg', '14430689.jpg', '14431134.jpg', '14431579.jpg', '14432035.jpg', '14432485.jpg', '14432925.jpg', '14433364.jpg', '14433765.jpg', '14434155.jpg', '14434584.jpg', '14434990.jpg', '14435407.jpg', '14435814.jpg', '14440281.jpg', '14440731.jpg', '14441176.jpg', '14442011.jpg', '14442456.jpg', '14442890.jpg', '14443340.jpg', '14443801.jpg', '14444246.jpg', '14445515.jpg', '14445933.jpg');
var currentimageno = 0;
var nextImage = new Image();
var stopplay = false;
function animate()
{
if((currentimageno < liveImgs.length) && (stopplay == false)) {
setTimeout('animate();', 1000);
loadNext();
}
if (stopplay == true)
{
loadCurr();
}
}
function revanimate()
{
if((currentimageno > 0) && (stopplay == false)) {
setTimeout('revanimate()', 500);
loadPrev();
}
if (stopplay == true)
{
loadCurr();
}
}
function stopAnim()
{
stopplay = true;
}
function startAnim()
{
stopplay = false;
animate();
}
function startRevAnim()
{
stopplay = false;
revanimate();
}
function loadNext()
{
if(currentimageno < (liveImgs.length -1)) {
currentimageno++;
nextImage = new Image();
nextImage.src = liveImgs[currentimageno]
document.animation.src = nextImage.src;
}
if(currentimageno >= (liveImgs.length -1)) {
stopplay = true;
}
}
function loadPrev()
{
if((currentimageno < liveImgs.length) && (currentimageno > 0)) {
currentimageno--;
nextImage = new Image();
nextImage.src = liveImgs[currentimageno];
document.animation.src = nextImage.src;
}
}
function loadCurr()
{
if((currentimageno < liveImgs.length) && (currentimageno > 0))
{
nextImage = new Image();
nextImage.src = liveImgs[currentimageno];
document.animation.src = nextImage.src;
}
}
</script>
</head>
<BODY bgcolor=#000099 text=yellow>
<center><h3> Images from Server ps_xxx14<br>Extract Date: 03/28/2003</h3></center>
<center>
<a href=javascript:loadPrev()><img src=back2.gif border=0></A>
<a href=javascript:startRevAnim()><img src=revplay2.gif border=0></A>
<a href=javascript:stopAnim()><img src=stop2.gif border=0></A>
<a href=javascript:startAnim()><img src=play2.gif border=0></A>
<a href=javascript:loadNext()><img src=next2.gif border=0></A>
<br>
<img name='animation' ALT='[Security Images]' src=14311962.jpg>
</center>
</body>
</html>