求助，JS一段循环播放图片代码，高手帮修改解决一下

没有JS基础，从原网站直接保存下来，但是这个图片怎么也播放不了，会不会少一些东西，或者我修改一些就好用吗？<FORM>
<DIV id=pic>
<SCRIPT language=javascript type=text/javascript>
function navigateImage(imgSrc){
    var i=0;   
    if(!imgSrc) return;
    if(typeof arrImageIndex=="undefined" )return;    
    
    var sImage = imgSrc.substring(imgSrc.lastIndexOf('/') + 1);    
    sImage=sImage.toLowerCase();  
    
    for(i=0;i<arrImageIndex.length;i++){        
        if(arrImageIndex[i]==sImage)
            window.location=arrNav[i];         
    }    
}
</SCRIPT><DIV style="POSITION: relative"><A id=ctl00_ROT_IMage1_hlRotImageLink><IMG 
style="BORDER-RIGHT-WIDTH: 0px; WIDTH: 373px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 110px; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer" 
id=ctl00_ROT_IMage1_imgRotate onclick=navigateImage(this.src); alt=education 
src="home/pic-rotate-education.jpg"></A>
<DIV 
style="POSITION: absolute; TEXT-ALIGN: right; PADDING-BOTTOM: 0px; BOTTOM: 0px; PADDING-RIGHT: 0px; HEIGHT: 22px; RIGHT: 0px" 
id=ctl00_ROT_IMage1_panControls><INPUT 
style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" 
id=ctl00_ROT_IMage1_btnPrevious onmouseover=hoverImg(this) 
onmouseout=undoOver(this) onclick=undoOver(this); 
src="home/control_rw.gif" type=image 
name=ctl00$ROT_IMage1$btnPrevious Text="Play"> <INPUT 
style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" 
id=ctl00_ROT_IMage1_btnPlay onclick=changeControl(this); 
src="home/control_pause.gif" type=image 
name=ctl00$ROT_IMage1$btnPlay Text="Play"> <INPUT 
style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" 
id=ctl00_ROT_IMage1_btnNext onmouseover=hoverImg(this) onmouseout=undoOver(this) 
onclick=undoOver(this); src="home/control_ffw.gif" 
type=image name=ctl00$ROT_IMage1$btnNext Text="Play"> </DIV></DIV>
<SCRIPT language=javascript type=text/javascript> 
function changeControl( ctl){    
    if(ctl.src.indexOf("pause.gif")>0 ){
        ctl.src = "home/control_play.gif"
    }else{
        ctl.src = "home/control_pause.gif"
    }
}function hoverImg(ctl) {    
    var currSrc = ctl.src.replace(/_o/g, '');
    var newSrc = currSrc.substr(0, currSrc.lastIndexOf(".")) + "_o.gif";
    ctl.src = newSrc;
}function undoOver(ctl) {
    
    var newSrc = ctl.src.replace(/_o/g, '');
    ctl.src = newSrc;
}</SCRIPT>
</DIV></DIV><!--foot-->
<SCRIPT type=text/javascript>
//<![CDATA[
var arrImageIndex =  new Array('pic-rotate_commercial.jpg','pic-rotate-education.jpg','pic-rotate-financial.jpg','pic-rotate-gov.jpg','pic-rotate-healtcare.jpg','pic-rotate-library.jpg','pic-rotate-logistics.jpg','pic-rotate-retail.jpg');
var arrNav =  new Array('Commercial.aspx','Education.aspx','Financial.aspx','Government.aspx','industrieshealthcare.aspx','Library.aspx','Logistics.aspx','Retail.aspx');
//]]>
</SCRIPT><SCRIPT type=text/javascript>
//<![CDATA[
WebForm_AutoFocus('imgSearch');Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(AjaxControlToolkit.TextBoxWaterBehavior, {"ClientStateFieldID":"ctl00_water_ClientState","WaterCssClass":"field","WaterText":"Search site","id":"ctl00_water"}, null, null, $get("ctl00_txtSearch"));
});
Sys.Application.add_init(function() {
    $create(AjaxControlToolkit.SlideShowBehavior, {"autoPlay":true,"id":"slideShowBehavior","loop":true,"nextButtonID":"ctl00_ROT_IMage1_btnNext","playButtonID":"ctl00_ROT_IMage1_btnPlay","playButtonText":"Play","playInterval":5000,"previousButtonID":"ctl00_ROT_IMage1_btnPrevious","slideShowServiceMethod":"GetSlides?pageName=Default.aspx&location=LEFT","slideShowServicePath":"Controls/ImageServer.asmx","stopButtonText":"Stop"}, null, null, $get("ctl00_ROT_IMage1_imgRotate"));
});
//]]>
</SCRIPT>
</FORM>