纯JavaScript的渐开式幻灯片

html：
<div id="slide-box">      
    <div id="slide">
      <div id="fbshutter" style="width:1px;">
        <img id="bPic" src="images/01.gif" />  </div>
  <div id="sPic" style="background:url(images/slide-pic/tab1.gif) no-repeat scroll right top;">
            <ul>
                <li onclick="javascript:changeImg(5)"></li>
                <li onclick="javascript:changeImg(4)"></li>
                <li onclick="javascript:changeImg(3)"></li>
                <li onclick="javascript:changeImg(2)"></li>
                <li onclick="javascript:changeImg(1)"></li>
            </ul>
      </div><!-- *******************************fbshutter*********************-->
     </div>
     <p id="pic-content"><a href="#"></a></p>
     <p id="intro-more">这里是有关研究所的详细介绍--------&gt;&gt;<a href="#">更多</a></p>
     <div class="clear"></div>
</div>
 js：
<script type="text/javascript">
var gi=1;
setTimeout("tab()",0);
function tab()
{
 var s=1;
 if(gi>5) gi=1;
 if(s==1) setTimeout("changeImg("+gi+")",0);
 else{
 setTimeout