/*---------------------------------------------------------------------
 This function is suitable for ie 5+, I guess????

 How to Use this function ?

 1. Add the Array value in variable 'rtBannerContent' in source html.
    You may also insert HTML Tag in it.
  ex.
  <script>  
  var rtBannerContent = Array("<img src=my.gif>",
                              "hello! world!") ;    
  </script>                            

 2. Write the following text in source HTML, You may change the 
    id, width, height, and background-color by yourself.
    
    <div id="rtBanner" style="width:100; height:50; background-color:#CCFFFF"></div>

 3. Add the following scripts in the Body tag
   
    onload="rtInitialBanner_('rtBanner');"
    
    
                                                     Darren Wu 2001-12-04
 
-----------------------------------------------------------------------*/


  
  var rtCurrentIndex = 0 ;
  var rtDuration = 3000; //duration is 3 seconds
  
  var rtDivHeight;
  var rtObjDiv ;
  var rtObjDivBOX ;
  var rtObjDivTOP ;
  var rtObjDivBOTTOM ;  

  

  function rtInitialBanner_(sDivName){
  
     rtObjDiv = document.getElementById(sDivName);
     rtObjDiv.style.overflow = "hidden";
     rtDivHeight = rtObjDiv.style.pixelHeight;
     
     var tmpHTML = "";
     tmpHTML += "<div id='" + sDivName + "BOX' style='position:absolute; top:0; left:0'>"
     tmpHTML += "  <div id='" + sDivName + "TOP' style='overflow:hidden;'></div>"
     tmpHTML += "  <div id='" + sDivName + "BOTTOM' style='overflow:hidden;'></div>"
     tmpHTML += "</div>"
     rtObjDiv.innerHTML = tmpHTML;
     
     rtObjDivBOX    = document.getElementById(sDivName+"BOX");
     rtObjDivTOP    = document.getElementById(sDivName+"TOP");
     rtObjDivBOTTOM = document.getElementById(sDivName+"BOTTOM");
     
     rtObjDivTOP.style.pixelHeight    = rtDivHeight;
     rtObjDivBOTTOM.style.pixelHeight = rtDivHeight;
     rtObjDivTOP.style.pixelWidth     = rtObjDiv.style.pixelWidth;
     rtObjDivBOTTOM.style.pixelWidth  = rtObjDiv.style.pixelWidth;

     
     rtUpdateBanner_();
  
  }
  

 
  function rtUpdateBanner_(){
     
  
     rtObjDivTOP.innerHTML = rtBannerContent[rtCurrentIndex];
     rtObjDivBOX.style.pixelTop = 0 ;
     rtCurrentIndex++;
     if (rtCurrentIndex > (rtBannerContent.length-1)) rtCurrentIndex=0 ;
     rtObjDivBOTTOM.innerHTML = rtBannerContent[rtCurrentIndex];

     setTimeout("rtRotate_()",rtDuration);
  }  

  function rtRotate_(){
  
 
     rtObjDivBOX.style.pixelTop--;

     if (-rtDivHeight==rtObjDivBOX.style.pixelTop){
        rtUpdateBanner_();
        return false;    
     }
 
     setTimeout("rtRotate_()",50);
  
  }