function ShowNextImage()
      {
          
          //if there is only one image in the array don't bother
          if(popups.length>1){
            
              ParentOfNodeToFade = document.getElementById("ElemIndividualPropertyWrapper");         
              NodeToFade = document.getElementById("ElemIndividualProperty")
              nextImageIndex = 1;
              nextParentNodeBackground = 0;
              
              var NodeToFadeDisplay = NodeToFade.style.display;
              
              //if there are more than 2 items you have to be tricky about gettting order right  
              if(popups.length>2){
                      
                  if (NodeToFadeDisplay!='none'){
                  
                    nextParentNodeBackground = 0;
                    //if there are more than 2 elements check for the background of the parent     
                    currentBackground = ParentOfNodeToFade.style.background
                    
                    nextParentNodeBackground = 2;
                    
                    if(currentBackground.indexOf(popups[0])!=-1){
                        nextParentNodeBackground = 2;
                    }

                    if(currentBackground.indexOf(popups[1])!=-1){
                        nextParentNodeBackground = 0;
                    }

                    if(currentBackground.indexOf(popups[2])!=-1){
                        nextParentNodeBackground = 1;
                    }

                    
                    ParentOfNodeToFade.style.background = "url(" + popups[nextParentNodeBackground] + ")";
                  }else{
                  
                    
                    nextFadeNodeBackground = 1;
                    currentFadeBackground = NodeToFade.style.background;
      
                    if(currentFadeBackground.indexOf(popups[0])!=-1){
                        nextFadeNodeBackground = 2;
                    }
                    
                    if(currentFadeBackground.indexOf(popups[1])!=-1){
                        nextFadeNodeBackground = 0;
                    }
                    
                    if(currentFadeBackground.indexOf(popups[2])!=-1){
                        nextFadeNodeBackground = 1;
                    }
                    
                    NodeToFade.style.background = "url(" + popups[nextFadeNodeBackground] + ")";
                  }
              }else{
                  NodeToFade.style.background = "url(" + popups[nextImageIndex] + ")";
              }

              Effect.toggle(NodeToFade);
          
          }
                     
          StopTheClock()
      }

      function InitializeTimer()
      {
      // Set the length of the timer, in seconds
      secs = 3;
      StopTheClock();
      StartTheTimer();
      }

      function StopTheClock()
      {
      if(timerRunning)
      clearTimeout(timerID)
      timerRunning = false
      }



      function StartTheTimer()
      {

      if (secs==0)
      {
      StopTheClock()
      // Here's where you put something useful that's
      // supposed to happen after the allotted time.
      // For example, you could display a message:
      ShowNextImage()
      InitializeTimer()
      }
      else
      {
      //self.status = secs
      secs = secs - 1
      timerRunning = true
      timerID = self.setTimeout("StartTheTimer()", delay)
      }
      }