We help IT Professionals succeed at work.

Why does the web gallery from Photoshop work in IE but not in Mozilla FoxFire

462 Views
Last Modified: 2013-12-07
Why does the web gallery from Photoshop work in IE but not in Mozilla FoxFire her is the javascript and web link....

http://www.noelvestridesigns.com/lousimages/new_page_1.htm


<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body bgcolor="#000000">

<table border="0" style="border-collapse: collapse" width="100%" id="table1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
<div align="center" class="mainCenter">
      <table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
    id="table3">
            <tr>
                  <td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
            id="table4">
      <tr>
            <td height="100%" align="center" valign="middle">
                  &nbsp;</td>
      </tr>
</table>
                  </td>
            </tr>
            <tr>
                  <td height="36%">
                        <iframe id="TopFrame" name="I1" frameborder="0"
                scrolling="auto" src="pages/july1.htm" width="451"
                height="150">
                              Your browser does not support iframes.
                        </iframe>
                  </td>
            </tr>
            <tr>
                  <td align="left" height="110">
                        <table width="80%" border="0" cellpadding="0" cellspacing="0"
                id="table5">
                              <tr>
                                    <td width="97%" height="100">
                                          <iframe id="BottomFrame" name="I2" frameborder="0"
                            src="ThumbnailFrame.htm" width="300" height="103">
                                                Your browser does not support iframes.
                                          </iframe>
                                    </td>
                              </tr>
                              </table>
                  </td>
            </tr>
      </table>
      &nbsp;
</div>
    <p>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>

</html>
Comment
Watch Question

Author

Commented:
<HTML>
<HEAD>
      <TITLE></TITLE>
      <META name="generator" content="Microsoft FrontPage 6.0">
      <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link href="images/galleryStyle.css" rel="stylesheet" type="text/css">
      <script language="javascript">
      <!--
      /******************** BROWSER DETECT  ********************************************/
      /** List of all known user agent names */
      var agentNames = new Array("msie ", "netscape6/", "netscape/", "mozilla/", "opera/");
      
      var isIE = (navigator.appName.indexOf("Explorer") > -1);
      var isMac = (navigator.userAgent.indexOf("Mac") > -1);
      var majorVersion = getMajorVersion();
      var isIE5Mac = (isIE && majorVersion >= 5 && isMac);
      
      
      function getMajorVersion() {
      
            var majorVersion = 0;
            var verStart = 0;
            var agent = navigator.userAgent;
      
            if (agent != null) {
      
                      agent = agent.toLowerCase();
      
                  for (var i = 0; i < agentNames.length; i++) {
      
                        var name = agentNames[i];
                        var pos = agent.indexOf(name);
      
                        if (pos > -1) {
      
                              verStart = pos + name.length;
                              break;
                        }
                  }
      
                  var verStop = agent.indexOf('.', verStart);
      
                  if (verStart != -1 && verStop > verStart && (verStop - verStart) <= 2) {
      
                        return parseInt(agent.substring(verStart, verStop));
      
                  }
            }
      
            return majorVersion;
      }
      
      /******************** End BROWSER DETECT  ********************************************/
      
      //Keyed by image name. Value is the index position of image in the indexed array.
      var myImages = new Object();
      var myImagesIndexed = new Array();
      //store images in.
      var preloadObj = new Object();
      //Int for position in myImagesIndexed array.
      var currentImage = 0;
      
      //Set when bottom frame is loaded.
      var isBottomFrameLoaded = false;
      
      function setTopFrameImage(imgName, imgPath) {
            var theImage = top.TopFrame.document.images[imgName];
            theImage.src = imgPath;
            
            //Mac IE 5.2 OSX does not want to update the image, set it to itself to get it to draw.
            if (isIE5Mac) {
                  theImage.src = theImage.src;
            }
      }
      
      function setImage(imgName, imgPath) {
            var theImage = top.document.images[imgName];
            theImage.src = imgPath;
      }
      
      function previousImage() {
            if (currentImage >= 1) {
                  setTopFrameImage("theImage", ("../images/" + myImagesIndexed[--currentImage][0]));
                  setArrows();
                  updateMetaData();
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            }
      }
      
      function autoNextImage() {
            if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
                  //check to make sure image is ready to display
                  if ((top.TopFrame && top.TopFrame.isTopFrameLoaded) && preloadObj[myImagesIndexed[(currentImage+1)][0]]) {
                        setTopFrameImage("theImage", ("../images/" + myImagesIndexed[++currentImage][0]));
                        setArrows();
                        updateMetaData();
                  } else {
                        //Try again to see if image is loaded
                        setTimeout("autoNextImage()", 100);
                  }
            //Set to -1 so auto advance can loop.
            } else if (autoAdvance) {
                  currentImage = -1;
                  autoNextImage();
            }
      }
      
      function nextImage() {
            if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
                  autoNextImage();
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            }
      }
      
      var autoAdvance = false;
      var intervalTimer = null;
      
      function startAutoAdvance() {
            //1000 = 1 sec, 5000 = 5 secs, adjust as desired
            var delay = 5000;
            
            //if (allImagesLoaded) {
                  intervalTimer = setInterval("autoNextImage()", delay);
                  autoAdvance = true;
                  setPausePlayImage();
            //}
      }
      
      function stopAutoAdvance() {
            clearInterval(intervalTimer);
            autoAdvance = false;
            setPausePlayImage();
      }
      
      function resetAutoAdvance() {
            stopAutoAdvance();
            startAutoAdvance();
      }
      
      function setPausePlayImage() {
            var theImg = null;
            
            if (top.isMainPageLoaded) {
                  if (preloadObj["pause"] && preloadObj["pause_over"] && preloadObj["play"] && preloadObj["play_over"]) {
                        if (autoAdvance) {
                              theImg = (overPlayPauseButton) ? "images/pause_over.gif" : "images/pause.gif";
                        } else {
                              theImg = (overPlayPauseButton) ? "images/play_over.gif" : "images/play.gif";
                        }
                        
                        setImage("pausePlay1", theImg);
                        setImage("pausePlay2", theImg);            
                  }
            } else {
                  setTimeout("setPausePlayImage()", 10);
            }      
      }
      
      var allImagesLoaded = false;
      function preloadMyImages() {
            
            if (document.images) {
                  preloadObj["pause_over"] = newImage("../images/pause_over.gif");
                  preloadObj["pause"] = newImage("../images/pause.gif");
                  preloadObj["play_over"] = newImage("../images/play_over.gif");
                  preloadObj["play"] = newImage("../images/play.gif");
                  
                  preloadObj["previous_disabled"] = newImage("../images/previous_disabled.gif");
                  preloadObj["previous"] = newImage("../images/previous.gif");
                  preloadObj["next_disabled"] = newImage("../images/next_disabled.gif");
                  preloadObj["next"] = newImage("../images/next.gif");
            
                  for (var i=0; i < myImagesIndexed.length; i++) {
                        preloadObj[myImagesIndexed[i][0]] = newImage("../images/" + myImagesIndexed[i][0]);
                        //alert(myImagesIndexed[i][0] + "  " + preloadObj[myImagesIndexed[i][0]]);
                  }
            }
            
            allImagesLoaded = true;
      }
      
      function newImage(arg) {
            if (document.images) {
                  rslt = new Image();
                  rslt.src = arg;
                  return rslt;
            }
      }
      
      function togglePlayPauseState() {
            if (allImagesLoaded) {
                  if(autoAdvance) {
                        stopAutoAdvance();
                  } else {
                        startAutoAdvance();
                  }
            }
      }
      
      var overPlayPauseButton = false;
      function togglePlayPauseImg(state) {
            if (allImagesLoaded) {
                  overPlayPauseButton = (state.toLowerCase() == "over") ? true : false;
                  setPausePlayImage();
            }
      }
      
      function jumpToImage(imgName) {
            if (top.TopFrame && top.TopFrame.isTopFrameLoaded) {
                  var index = myImages[imgName];
                  
                  setTopFrameImage("theImage", ("../images/" + myImagesIndexed[index][0]));

                  //reset timer to ensure full delay is used for the image
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            
                  currentImage = index;
                  setArrows();
                  updateMetaData();      
            } else {
                  setTimeout("jumpToImage(imgName)" , 10);
            }      
      }
      
      /*
            //Key to data structure
            myImagesIndexed[currentImage][0] = FILENAMEURL
            myImagesIndexed[currentImage][1] = CAPTIONTITLE
            myImagesIndexed[currentImage][2] = FILEINFO
            myImagesIndexed[currentImage][3] = CREDITS
            myImagesIndexed[currentImage][4] = COPYRIGHT
            myImagesIndexed[currentImage][5] = FILENAME
      */
      function updateMetaData() {
            if (top.TopFrame && top.TopFrame.isTopFrameLoaded) {
                  top.TopFrame.document.getElementById("fileName").innerHTML = myImagesIndexed[currentImage][5];
                  top.TopFrame.document.getElementById("captionTitle").innerHTML = myImagesIndexed[currentImage][1];
                  top.TopFrame.document.getElementById("fileInfo").innerHTML = myImagesIndexed[currentImage][2];
                  top.TopFrame.document.getElementById("credits").innerHTML = myImagesIndexed[currentImage][3];
                  top.TopFrame.document.getElementById("copyright").innerHTML = myImagesIndexed[currentImage][4];
            } else {
                  setTimeout("updateMetaData()", 10);
            }
      }
      
      function setArrows() {
            var prevImg = null;
            var nextImg = null;
            
            if (top.isMainPageLoaded && preloadObj["previous"] && preloadObj["previous_disabled"] && preloadObj["next"] && preloadObj["next_disabled"]) {
                  prevImg = (currentImage > 0) ? "images/previous.gif" : "images/previous_disabled.gif";
                  nextImg = (currentImage < (myImagesIndexed.length-1)) ? "images/next.gif" : "images/next_disabled.gif";
                  
                  setImage("previous1", prevImg);      
                  setImage("previous2", prevImg);      
                  setImage("next1", nextImg);      
                  setImage("next2", nextImg);
            } else {
                  setTimeout("setArrows()", 10);
            }
      }
      
      function replaceCharacter(str, oldCharacter, newCharacter) {
            if(str != -1) {
                  var strArray = str.split(oldCharacter);
                  str = strArray.join(newCharacter);
                  //alert(str);
            }
            return str;
      }

      //-->
      </script>
</HEAD>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" bgcolor="#CCCCCC" onload="isBottomFrameLoaded = true; startAutoAdvance(); preloadMyImages();">
      <div id="thumbnail" align="center">
            <table height="82" border="0" cellpadding="4" cellspacing="0">
                  <tr align="center">                        
<!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july1.jpg', '%20', ''));"><img src="thumbnails/july1.jpg" width="75" height="50" border=0 alt="july1"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july1.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july1.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july10.jpg', '%20', ''));"><img src="thumbnails/july10.jpg" width="75" height="50" border=0 alt="july10"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july10.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july10.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july11.jpg', '%20', ''));"><img src="thumbnails/july11.jpg" width="75" height="50" border=0 alt="july11"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july11.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july11.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july12.jpg', '%20', ''));"><img src="thumbnails/july12.jpg" width="75" height="50" border=0 alt="july12"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july12.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july12.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july13.jpg', '%20', ''));"><img src="thumbnails/july13.jpg" width="75" height="50" border=0 alt="july13"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july13.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july13.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july14.jpg', '%20', ''));"><img src="thumbnails/july14.jpg" width="75" height="50" border=0 alt="july14"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july14.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july14.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july15.jpg', '%20', ''));"><img src="thumbnails/july15.jpg" width="75" height="50" border=0 alt="july15"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july15.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july15.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july16.jpg', '%20', ''));"><img src="thumbnails/july16.jpg" width="75" height="50" border=0 alt="july16"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july16.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july16.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july17.jpg', '%20', ''));"><img src="thumbnails/july17.jpg" width="75" height="50" border=0 alt="july17"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july17.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july17.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july18.jpg', '%20', ''));"><img src="thumbnails/july18.jpg" width="75" height="50" border=0 alt="july18"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july18.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july18.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july19.jpg', '%20', ''));"><img src="thumbnails/july19.jpg" width="75" height="50" border=0 alt="july19"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july19.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july19.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july2.jpg', '%20', ''));"><img src="thumbnails/july2.jpg" width="75" height="50" border=0 alt="july2"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july2.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july2.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july20.jpg', '%20', ''));"><img src="thumbnails/july20.jpg" width="75" height="50" border=0 alt="july20"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july20.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july20.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july21.jpg', '%20', ''));"><img src="thumbnails/july21.jpg" width="75" height="50" border=0 alt="july21"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july21.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july21.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july22.jpg', '%20', ''));"><img src="thumbnails/july22.jpg" width="75" height="50" border=0 alt="july22"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july22.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july22.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july23.jpg', '%20', ''));"><img src="thumbnails/july23.jpg" width="75" height="50" border=0 alt="july23"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july23.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july23.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july24.jpg', '%20', ''));"><img src="thumbnails/july24.jpg" width="75" height="50" border=0 alt="july24"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july24.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july24.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july25.jpg', '%20', ''));"><img src="thumbnails/july25.jpg" width="75" height="50" border=0 alt="july25"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july25.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july25.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july26.jpg', '%20', ''));"><img src="thumbnails/july26.jpg" width="75" height="50" border=0 alt="july26"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july26.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july26.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july27.jpg', '%20', ''));"><img src="thumbnails/july27.jpg" width="75" height="50" border=0 alt="july27"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july27.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july27.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july3.jpg', '%20', ''));"><img src="thumbnails/july3.jpg" width="75" height="50" border=0 alt="july3"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july3.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july3.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july4.jpg', '%20', ''));"><img src="thumbnails/july4.jpg" width="75" height="50" border=0 alt="july4"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july4.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july4.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july5.jpg', '%20', ''));"><img src="thumbnails/july5.jpg" width="75" height="50" border=0 alt="july5"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july5.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july5.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july6.jpg', '%20', ''));"><img src="thumbnails/july6.jpg" width="75" height="50" border=0 alt="july6"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july6.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july6.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july7.jpg', '%20', ''));"><img src="thumbnails/july7.jpg" width="75" height="50" border=0 alt="july7"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july7.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july7.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july8.jpg', '%20', ''));"><img src="thumbnails/july8.jpg" width="75" height="50" border=0 alt="july8"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july8.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july8.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july9.jpg', '%20', ''));"><img src="thumbnails/july9.jpg" width="75" height="50" border=0 alt="july9"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july9.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july9.jpg", "", "", "", "", "");
      
</script>                  </tr>
            </table>
      </div>
</BODY>
</HTML>
Top Expert 2007
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION
Top Expert 2007

Commented:

Just one thing I noticed - the way you access the iframes:
you should replace
top.TopFrame
with
top.document.getElementById('TopFrame'))
(same for BottomFrame...)
Top Expert 2007

Commented:
Or top.frames[...]  if you want to access an e.g. a variable inside the iFrame:
  top.frames[0].isTopFrameLoaded
instead of
  top.TopFrame.isTopFrameLoaded

Author

Commented:
Hey TName
Is that in the top code or the code I pasted second?
Top Expert 2007

Commented:
I had a look at the page itself and at the iFrames through the link you posted.

It's mainly in ThumbnailFrame.htm  (so in the code you posted second, as it looks like) - there are about a dozen occurences of
"top.TopFrame." there
and in july1.htm 2 occurences of "top.BottomFrame..."

In your example, "top" is a document - the parent document/top level page that contains the iFrames, and "TopFrame" and "BottomFrame" are the IDs of the iFrame elements.
The problem is that you can't use this way of addressing an element in Firefox:
document.someId...
this will work in IE, but it's not standard.

For example, this will work in FF also and will access the href of an anchor element with the id "link1" in another iFrame embedded in the same top/parent document as the one we are calling from:

  alert(   top.frames[0].document.getElementById('link1').href   ) ;           //  [0] is the first iFrame, [1] the second, a.s.o.


Author

Commented:
So TName

I should change it on the Thumbnail.htm and the individual pages like july1.htm? Is that what your sayin?
Hey by the way you're the only person who rather then saying "you should use this program instead' you worked with what i have....you deserve all the points I wasted on others Good Job!!!!!!!!!
Top Expert 2007

Commented:
>I should change it on the Thumbnail.htm and the individual pages like july1.htm?
Yes, and then we'll see if there are any other problems/incompatibilities.

Author

Commented:
TName

Question....the original text was from source so in the actual code in an editor for the actual page look like this................

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body bgcolor="#000000">

<table border="0" style="border-collapse: collapse" width="100%" id="table1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
<div align="center" class="mainCenter">
      <table width="99%" height="53%" border="0" cellspacing="0" cellpadding="0"
    id="table3">
            <tr>
                  <td align="center">
<table width="100%" height="32%" border="0" cellpadding="0" cellspacing="0"
            id="table4">
      <tr>
            <td height="100%" align="center" valign="middle">
                  &nbsp;</td>
      </tr>
</table>
                  </td>
            </tr>
            <tr>
                  <td height="36%">
                        <iframe id="TopFrame" name="I1" frameborder="0"
                scrolling="auto" src="pages/july1.htm" width="451"
                height="150">
                              Your browser does not support iframes.
                        </iframe>
                  </td>
            </tr>
            <tr>
                  <td align="left" height="110">
                        <table width="80%" border="0" cellpadding="0" cellspacing="0"
                id="table5">
                              <tr>
                                    <td width="97%" height="100">
                                          <iframe id="BottomFrame" name="I2" frameborder="0"
                            src="ThumbnailFrame.htm" width="300" height="103">
                                                Your browser does not support iframes.
                                          </iframe>
                                    </td>
                              </tr>
                              </table>
                  </td>
            </tr>
      </table>
      &nbsp;
</div>
    <p>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>

</html>


thumbnail looks like this
<HTML>
<HEAD>
      <TITLE></TITLE>
      <META name="generator" content="Microsoft FrontPage 6.0">
      <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link href="images/galleryStyle.css" rel="stylesheet" type="text/css">
      <script language="javascript">
      <!--
      /******************** BROWSER DETECT  ********************************************/
      /** List of all known user agent names */
      var agentNames = new Array("msie ", "netscape6/", "netscape/", "mozilla/", "opera/");
      
      var isIE = (navigator.appName.indexOf("Explorer") > -1);
      var isMac = (navigator.userAgent.indexOf("Mac") > -1);
      var majorVersion = getMajorVersion();
      var isIE5Mac = (isIE && majorVersion >= 5 && isMac);
      
      
      function getMajorVersion() {
      
            var majorVersion = 0;
            var verStart = 0;
            var agent = navigator.userAgent;
      
            if (agent != null) {
      
                      agent = agent.toLowerCase();
      
                  for (var i = 0; i < agentNames.length; i++) {
      
                        var name = agentNames[i];
                        var pos = agent.indexOf(name);
      
                        if (pos > -1) {
      
                              verStart = pos + name.length;
                              break;
                        }
                  }
      
                  var verStop = agent.indexOf('.', verStart);
      
                  if (verStart != -1 && verStop > verStart && (verStop - verStart) <= 2) {
      
                        return parseInt(agent.substring(verStart, verStop));
      
                  }
            }
      
            return majorVersion;
      }
      
      /******************** End BROWSER DETECT  ********************************************/
      
      //Keyed by image name. Value is the index position of image in the indexed array.
      var myImages = new Object();
      var myImagesIndexed = new Array();
      //store images in.
      var preloadObj = new Object();
      //Int for position in myImagesIndexed array.
      var currentImage = 0;
      
      //Set when bottom frame is loaded.
      var isBottomFrameLoaded = false;
      
      function setTopFrameImage(imgName, imgPath) {
            var theImage = top.TopFrame.document.images[imgName];
            theImage.src = imgPath;
            
            //Mac IE 5.2 OSX does not want to update the image, set it to itself to get it to draw.
            if (isIE5Mac) {
                  theImage.src = theImage.src;
            }
      }
      
      function setImage(imgName, imgPath) {
            var theImage = top.document.images[imgName];
            theImage.src = imgPath;
      }
      
      function previousImage() {
            if (currentImage >= 1) {
                  setTopFrameImage("theImage", ("../images/" + myImagesIndexed[--currentImage][0]));
                  setArrows();
                  updateMetaData();
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            }
      }
      
      function autoNextImage() {
            if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
                  //check to make sure image is ready to display
                  if ((top.TopFrame && top.TopFrame.isTopFrameLoaded) && preloadObj[myImagesIndexed[(currentImage+1)][0]]) {
                        setTopFrameImage("theImage", ("../images/" + myImagesIndexed[++currentImage][0]));
                        setArrows();
                        updateMetaData();
                  } else {
                        //Try again to see if image is loaded
                        setTimeout("autoNextImage()", 100);
                  }
            //Set to -1 so auto advance can loop.
            } else if (autoAdvance) {
                  currentImage = -1;
                  autoNextImage();
            }
      }
      
      function nextImage() {
            if (currentImage != (myImagesIndexed.length - 1) && myImagesIndexed.length > 1) {
                  autoNextImage();
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            }
      }
      
      var autoAdvance = false;
      var intervalTimer = null;
      
      function startAutoAdvance() {
            //1000 = 1 sec, 5000 = 5 secs, adjust as desired
            var delay = 5000;
            
            //if (allImagesLoaded) {
                  intervalTimer = setInterval("autoNextImage()", delay);
                  autoAdvance = true;
                  setPausePlayImage();
            //}
      }
      
      function stopAutoAdvance() {
            clearInterval(intervalTimer);
            autoAdvance = false;
            setPausePlayImage();
      }
      
      function resetAutoAdvance() {
            stopAutoAdvance();
            startAutoAdvance();
      }
      
      function setPausePlayImage() {
            var theImg = null;
            
            if (top.isMainPageLoaded) {
                  if (preloadObj["pause"] && preloadObj["pause_over"] && preloadObj["play"] && preloadObj["play_over"]) {
                        if (autoAdvance) {
                              theImg = (overPlayPauseButton) ? "images/pause_over.gif" : "images/pause.gif";
                        } else {
                              theImg = (overPlayPauseButton) ? "images/play_over.gif" : "images/play.gif";
                        }
                        
                        setImage("pausePlay1", theImg);
                        setImage("pausePlay2", theImg);            
                  }
            } else {
                  setTimeout("setPausePlayImage()", 10);
            }      
      }
      
      var allImagesLoaded = false;
      function preloadMyImages() {
            
            if (document.images) {
                  preloadObj["pause_over"] = newImage("../images/pause_over.gif");
                  preloadObj["pause"] = newImage("../images/pause.gif");
                  preloadObj["play_over"] = newImage("../images/play_over.gif");
                  preloadObj["play"] = newImage("../images/play.gif");
                  
                  preloadObj["previous_disabled"] = newImage("../images/previous_disabled.gif");
                  preloadObj["previous"] = newImage("../images/previous.gif");
                  preloadObj["next_disabled"] = newImage("../images/next_disabled.gif");
                  preloadObj["next"] = newImage("../images/next.gif");
            
                  for (var i=0; i < myImagesIndexed.length; i++) {
                        preloadObj[myImagesIndexed[i][0]] = newImage("../images/" + myImagesIndexed[i][0]);
                        //alert(myImagesIndexed[i][0] + "  " + preloadObj[myImagesIndexed[i][0]]);
                  }
            }
            
            allImagesLoaded = true;
      }
      
      function newImage(arg) {
            if (document.images) {
                  rslt = new Image();
                  rslt.src = arg;
                  return rslt;
            }
      }
      
      function togglePlayPauseState() {
            if (allImagesLoaded) {
                  if(autoAdvance) {
                        stopAutoAdvance();
                  } else {
                        startAutoAdvance();
                  }
            }
      }
      
      var overPlayPauseButton = false;
      function togglePlayPauseImg(state) {
            if (allImagesLoaded) {
                  overPlayPauseButton = (state.toLowerCase() == "over") ? true : false;
                  setPausePlayImage();
            }
      }
      
      function jumpToImage(imgName) {
            if (top.TopFrame && top.TopFrame.isTopFrameLoaded) {
                  var index = myImages[imgName];
                  
                  setTopFrameImage("theImage", ("../images/" + myImagesIndexed[index][0]));

                  //reset timer to ensure full delay is used for the image
                  if (autoAdvance) {
                        resetAutoAdvance();
                  }
            
                  currentImage = index;
                  setArrows();
                  updateMetaData();      
            } else {
                  setTimeout("jumpToImage(imgName)" , 10);
            }      
      }
      
      /*
            //Key to data structure
            myImagesIndexed[currentImage][0] = FILENAMEURL
            myImagesIndexed[currentImage][1] = CAPTIONTITLE
            myImagesIndexed[currentImage][2] = FILEINFO
            myImagesIndexed[currentImage][3] = CREDITS
            myImagesIndexed[currentImage][4] = COPYRIGHT
            myImagesIndexed[currentImage][5] = FILENAME
      */
      function updateMetaData() {
            if (top.TopFrame && top.TopFrame.isTopFrameLoaded) {
                  top.TopFrame.document.getElementById("fileName").innerHTML = myImagesIndexed[currentImage][5];
                  top.TopFrame.document.getElementById("captionTitle").innerHTML = myImagesIndexed[currentImage][1];
                  top.TopFrame.document.getElementById("fileInfo").innerHTML = myImagesIndexed[currentImage][2];
                  top.TopFrame.document.getElementById("credits").innerHTML = myImagesIndexed[currentImage][3];
                  top.TopFrame.document.getElementById("copyright").innerHTML = myImagesIndexed[currentImage][4];
            } else {
                  setTimeout("updateMetaData()", 10);
            }
      }
      
      function setArrows() {
            var prevImg = null;
            var nextImg = null;
            
            if (top.isMainPageLoaded && preloadObj["previous"] && preloadObj["previous_disabled"] && preloadObj["next"] && preloadObj["next_disabled"]) {
                  prevImg = (currentImage > 0) ? "images/previous.gif" : "images/previous_disabled.gif";
                  nextImg = (currentImage < (myImagesIndexed.length-1)) ? "images/next.gif" : "images/next_disabled.gif";
                  
                  setImage("previous1", prevImg);      
                  setImage("previous2", prevImg);      
                  setImage("next1", nextImg);      
                  setImage("next2", nextImg);
            } else {
                  setTimeout("setArrows()", 10);
            }
      }
      
      function replaceCharacter(str, oldCharacter, newCharacter) {
            if(str != -1) {
                  var strArray = str.split(oldCharacter);
                  str = strArray.join(newCharacter);
                  //alert(str);
            }
            return str;
      }

      //-->
      </script>
</HEAD>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" bgcolor="#CCCCCC" onload="isBottomFrameLoaded = true; startAutoAdvance(); preloadMyImages();">
      <div id="thumbnail" align="center">
            <table height="82" border="0" cellpadding="4" cellspacing="0">
                  <tr align="center">                        
<!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july1.jpg', '%20', ''));"><img src="thumbnails/july1.jpg" width="75" height="50" border=0 alt="july1"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july1.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july1.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july10.jpg', '%20', ''));"><img src="thumbnails/july10.jpg" width="75" height="50" border=0 alt="july10"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july10.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july10.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july11.jpg', '%20', ''));"><img src="thumbnails/july11.jpg" width="75" height="50" border=0 alt="july11"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july11.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july11.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july12.jpg', '%20', ''));"><img src="thumbnails/july12.jpg" width="75" height="50" border=0 alt="july12"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july12.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july12.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july13.jpg', '%20', ''));"><img src="thumbnails/july13.jpg" width="75" height="50" border=0 alt="july13"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july13.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july13.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july14.jpg', '%20', ''));"><img src="thumbnails/july14.jpg" width="75" height="50" border=0 alt="july14"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july14.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july14.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july15.jpg', '%20', ''));"><img src="thumbnails/july15.jpg" width="75" height="50" border=0 alt="july15"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july15.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july15.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july16.jpg', '%20', ''));"><img src="thumbnails/july16.jpg" width="75" height="50" border=0 alt="july16"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july16.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july16.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july17.jpg', '%20', ''));"><img src="thumbnails/july17.jpg" width="75" height="50" border=0 alt="july17"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july17.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july17.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july18.jpg', '%20', ''));"><img src="thumbnails/july18.jpg" width="75" height="50" border=0 alt="july18"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july18.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july18.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july19.jpg', '%20', ''));"><img src="thumbnails/july19.jpg" width="75" height="50" border=0 alt="july19"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july19.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july19.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july2.jpg', '%20', ''));"><img src="thumbnails/july2.jpg" width="75" height="50" border=0 alt="july2"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july2.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july2.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july20.jpg', '%20', ''));"><img src="thumbnails/july20.jpg" width="75" height="50" border=0 alt="july20"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july20.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july20.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july21.jpg', '%20', ''));"><img src="thumbnails/july21.jpg" width="75" height="50" border=0 alt="july21"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july21.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july21.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july22.jpg', '%20', ''));"><img src="thumbnails/july22.jpg" width="75" height="50" border=0 alt="july22"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july22.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july22.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july23.jpg', '%20', ''));"><img src="thumbnails/july23.jpg" width="75" height="50" border=0 alt="july23"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july23.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july23.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july24.jpg', '%20', ''));"><img src="thumbnails/july24.jpg" width="75" height="50" border=0 alt="july24"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july24.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july24.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july25.jpg', '%20', ''));"><img src="thumbnails/july25.jpg" width="75" height="50" border=0 alt="july25"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july25.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july25.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july26.jpg', '%20', ''));"><img src="thumbnails/july26.jpg" width="75" height="50" border=0 alt="july26"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july26.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july26.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july27.jpg', '%20', ''));"><img src="thumbnails/july27.jpg" width="75" height="50" border=0 alt="july27"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july27.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july27.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july3.jpg', '%20', ''));"><img src="thumbnails/july3.jpg" width="75" height="50" border=0 alt="july3"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july3.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july3.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july4.jpg', '%20', ''));"><img src="thumbnails/july4.jpg" width="75" height="50" border=0 alt="july4"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july4.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july4.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july5.jpg', '%20', ''));"><img src="thumbnails/july5.jpg" width="75" height="50" border=0 alt="july5"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july5.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july5.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july6.jpg', '%20', ''));"><img src="thumbnails/july6.jpg" width="75" height="50" border=0 alt="july6"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july6.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july6.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july7.jpg', '%20', ''));"><img src="thumbnails/july7.jpg" width="75" height="50" border=0 alt="july7"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july7.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july7.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july8.jpg', '%20', ''));"><img src="thumbnails/july8.jpg" width="75" height="50" border=0 alt="july8"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july8.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july8.jpg", "", "", "", "", "");
      
</script><!-- Thumbnails with hyperlinks -->
<td align="center">
<a onmouseover="window.status='';  return true;"  onmouseout="window.status='';  return true;" href="javascript:jumpToImage(replaceCharacter('july9.jpg', '%20', ''));"><img src="thumbnails/july9.jpg" width="75" height="50" border=0 alt="july9"></a>
</td>
<script language="javascript">
      
            var newIndex = myImagesIndexed.length;
            myImages[replaceCharacter('july9.jpg', '%20', '')] = newIndex;
            
            myImagesIndexed[newIndex] = new Array("july9.jpg", "", "", "", "", "");
      
</script>                  </tr>
            </table>
      </div>
</BODY>
</HTML>

I can't find the area you were talking about to change

TName:

Just one thing I noticed - the way you access the iframes:
you should replace
top.TopFrame
with
top.document.getElementById('TopFrame'))
(same for BottomFrame...)


or your change mentioned.................
TName:
Or top.frames[...]  if you want to access an e.g. a variable inside the iFrame:
  top.frames[0].isTopFrameLoaded
instead of
  top.TopFrame.isTopFrameLoaded
Commented:
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Commented:
... oh  i m sorry   -  "its cannot be fixed  without  refactoring  JavaScript  code by hands "  =)

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.