一个漂亮的js轮换图，在ff下只能切换图片

<table width="910px" border="0" cellpadding="0" align="center" cellspacing="0" bgcolor="#fcfcfc">
   <tr>
      <td>
         <a id="pics1" href="http://www.xinnet.com/newspic/vpsbanner2.jpg"></a>
         <a id="urls1" href="http://www.xinnet.com/net/vpshosting.htm"></a>
         <a id="name1" href="vpshosting"></a>
         <a id="pics2" href="http://www.xinnet.com/newspic/mebanner2.jpg"></a>
         <a id="urls2" href="http://www.xinnet.com/net/domain-me.htm"></a>
         <a id="name2" href="mebanner"></a>
         <a id="pics3" href="http://www.xinnet.com/newspic/yuming14.jpg"></a>
         <a id="urls3" href="http://huodong.xinnet.com/yumingedmhuiyuan.htm"></a>
         <a id="name3" href="yumingedmhuiyuan"></a>
         <a id="pics4" href="http://www.xinnet.com/newspic/redoffic.jpg"></a>
         <a id="urls4" href="http://products.redoffice.com.cn/?class=bg"></a>
         <a id="name4" href="redoffice"></a>

<script type="text/javascript" language="javascript">
<!--
var img1=new Image();img1.src=document.getElementById('pics1').href;
var url1=new Image();url1.src=document.getElementById('urls1').href;
var name1=new Image();name1.src=document.getElementById('name1').href;
var img2=new Image();img2.src=document.getElementById('pics2').href;
var url2=new Image();url2.src=document.getElementById('urls2').href;
var name2=new Image();name2.src=document.getElementById('name2').href;
var img3=new Image();img3.src=document.getElementById('pics3').href;
var url3=new Image();url3.src=document.getElementById('urls3').href;
var name3=new Image();name3.src=document.getElementById('name3').href;
var img4=new Image();img4.src=document.getElementById('pics4').href;
var url4=new Image();url4.src=document.getElementById('urls4').href;
var name4=new Image();name4.src=document.getElementById('name4').href;


var currentIndex=1;   //当前所显示的滚动图
var firstFlag = 0;  //标识是否为第一次开始执行
var currentTimer;     //标识作用
function change_img()
{
    try
    {
     if(4 < 1)
     {
            return;
     }
     if(firstFlag == 0)
     {  
        firstFlag = 1;
     }
     else if(document.all)
     {
         document.getElementById("pic").filters[0].Apply();
         document.getElementById("pic").filters[0].Play(duration=2);
         document.getElementById("pic").filters[0].transition=26; 
     }

     document.getElementById("pic").src=eval('img'+currentIndex).src;
     document.getElementById("pic").name=eval('name'+currentIndex).src;
     document.getElementById("url").href=eval('url'+currentIndex).src;
   for (var i=1;i<=4;i++)
     {
          document.getElementById("selectNode"+i).className='pnode';  
     }
     document.getElementById("selectNode"+currentIndex).className='fnode'; 
     currentIndex++;
     if(currentIndex>4)//如果ID大于总图片数量。则从头开始循环
     {
        currentIndex=1;
     }
     currentTimer=setTimeout('change_img()',4000);  //在4秒后重新执行change_img()方法.
    }
    catch(e)
    {
    }
}
function changeimg(n)
{
    currentIndex=n; //当前页面的ID等于传入的N值,
    window.clearInterval(currentTimer); //清除用于循环的currentTimer
    change_img();
}
//-->
</script>

<style type="text/css">

    .pnode{padding:1px 7px;border:#cccccc 1px solid;}
    a.pnode:link,a.pnode:visited{text-decoration:none;color:#fff;line-height:12px;font:12px sans-serif;background-color:#666;}
    a.pnode:active,a.pnode:hover{text-decoration:none;color:#fff;line-height:12px;font:12px sans-serif;background-color:#999;}
    .fnode{padding:1px 7px;border:#cccccc 1px solid;}
    a.fnode:link,a.fnode:visited{text-decoration:none;color:#fff;line-height:12px;font:12px sans-serif;background-color:#ff0000;}
    a.fnode:active,a.fnode:hover{text-decoration:none;color:#fff;line-height:12px;font:12px sans-serif;background-color:#ff0000;}
</style>
            
                        <div style="FLOAT: left; OVERFLOW: hidden;HEIGHT: 160px; TEXT-OVERFLOW: clip">
                           <div>
                              <a id="url" target="_blank">
                                 <img id="pic" name="" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23); BORDER-LEFT: 0px; BORDER-BOTTOM: 0px"  width="910" height="160" alt="" src="" />
                              </a>
                           </div>
                           <div style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: #888888; FILTER: alpha(style=1,opacity=10,finishOpacity=80); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; POSITION: relative; TOP: -18px; HEIGHT: 16px; TEXT-ALIGN: right">
                              <a class="pnode" onclick="this.blur();" id="selectNode1" target="_self" href="javascript:changeimg(1)">1</a>
                              <a class="pnode" onclick="this.blur();" id="selectNode2" target="_self" href="javascript:changeimg(2)">2</a>
                              <a class="pnode" onclick="this.blur();" id="selectNode3" target="_self" href="javascript:changeimg(3)">3</a>
                              <a class="pnode" onclick="this.blur();" id="selectNode4" target="_self" href="javascript:changeimg(4)">4</a>
                           </div>
                        </div>
                        
            <script type="text/javascript" language="javascript">change_img();</script>
       </td>
    </tr>
</table>