My site is almost done, but I have a problem that I cannot figure out.

I use Javascript to build 2 pages on the fly - a table of contents - and a display area. The javascript includes variables and array contents.

Each appears to work ok (except in Mozilla).
My problem is that when I link to the contents of a different site in my display frame, my table of content links no longer work.
I can click on the links that are supposed to re-populate the display frame, but nothing happens.

Why is it that my table of contents html appears sound, but breaks down when I display another website in my display frame?

Why is it that the my display html fails in Mozilla?

Thanks for any and all help.

Here is a sample of the code that is generated for the table of contents:
Code:
<html>
<head>
<style type="text/css">
body {scrollbar-arrow-color: #da34cd;scrollbar-base-color: #8a8a8a;scrollbar-dark-shadow-color: #6b6b6bscrollbar-track-color: black;scrollbar-face-color: black;scrollbar-shadow-color: black;scrollbar-highlight-color: #7b8799;scrollbar-3d-light-color: black;}
</style>
</head>
<body bgcolor='black' onLoad="window.defaultStatus = 'All images and designs &copy; Artistic Innovations 2003-2004';">
<center>
<a href="javascript:void top.artitem[1].showInventory()" onMouseOver="window.status='See image 289';return true" onMouseOut="window.status='';return true"><img src='images/289tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[3].showInventory()" onMouseOver="window.status='See image 321';return true" onMouseOut="window.status='';return true"><img src='images/321tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[4].showInventory()" onMouseOver="window.status='See image 318';return true" onMouseOut="window.status='';return true"><img src='images/318tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[7].showInventory()" onMouseOver="window.status='See image 307';return true" onMouseOut="window.status='';return true"><img src='images/307tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[8].showInventory()" onMouseOver="window.status='See image 306';return true" onMouseOut="window.status='';return true"><img src='images/306tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[9].showInventory()" onMouseOver="window.status='See image 305';return true" onMouseOut="window.status='';return true"><img src='images/305tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[10].showInventory()" onMouseOver="window.status='See image 288';return true" onMouseOut="window.status='';return true"><img src='images/288tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[11].showInventory()" onMouseOver="window.status='See image 280';return true" onMouseOut="window.status='';return true"><img src='images/280tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[14].showInventory()" onMouseOver="window.status='See image 281';return true" onMouseOut="window.status='';return true"><img src='images/281tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[16].showInventory()" onMouseOver="window.status='See image 302';return true" onMouseOut="window.status='';return true"><img src='images/302tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
<a href="javascript:void top.artitem[18].showInventory()" onMouseOver="window.status='See image 250';return true" onMouseOut="window.status='';return true"><img src='images/250tn.jpg' hspace='2' vspace='2' border='0'></a>
<br><br>
</center>
</body>
</html>
Here is a sample of the code that is generated for the display frame:
Code:
<html>
<head>
<style type="text/css">body {scrollbar-arrow-color: #da34cd;scrollbar-base-color: #8a8a8a;scrollbar-dark-shadow-color: #6b6b6bscrollbar-track-color: black;scrollbar-face-color: black;scrollbar-shadow-color: black;scrollbar-highlight-color: #7b8799;scrollbar-3d-light-color: black;}
</style>
</head>
<body bgcolor='black' onLoad="window.defaultStatus = 'All images and designs &copy; Artistic Innovations 2003-2004';">
<center>
<table>
<tr>
<td align=left><font color = '#da34cd'><b>Title:&nbsp;&nbsp;</b></font><font color = '#de5ce9'><a href="http://www.swansongallery.com/Hamm.html">Aunt Dinah's Remedy</a></font></td>
<td align=left><font color = '#da34cd'><b>Size:&nbsp;&nbsp;</b></font><font color = '#de5ce9'>16 x 20</font></td>
</tr>
<tr>
<td align=left><font color = '#da34cd'><b>Media:&nbsp;&nbsp;</b></font><font color = '#de5ce9'>collage</font></td>
<td align=left><font color = '#da34cd'><b>Price:&nbsp;&nbsp;</b></font><font color = '#de5ce9'>$ 295.</font></td>
</tr>
<tr><td align=left><font color = '#da34cd'><b>Location:&nbsp;&nbsp;</b></font><font color = '#de5ce9'>Swanson Gallery</font></td>
<td align=left><font color = '#da34cd'><b>Item #:&nbsp;&nbsp;</b></font><font color = '#de5ce9'>324</font></td>
</tr>
</table>
<font color = '#de5ce9'>This item is available</font>
<hr color='#FFFFCC'>
<a href="http://www.swansongallery.com/Hamm.html"><img src='images/324.jpg' hspace='2' vspace='2' border='0'></a>
</center>
</body>
</html>