急，新手求关于JavaScript的图片轮换显示，一轮后，总是出问题！！！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的特效</title></head><body>
<div id="main">
<div id="contient">
    <div id="ts01">        
             <div id="img1" class="wh"><img src="images/wxl01.gif"/></div>
                <div id="img2" class="wh"><img src="images/wxl02.jpg"/></div>
                <div id="img3" class="wh"><img src="images/wxl03.jpg"/></div>
                <div id="img4" class="wh"><img src="images/wxl04.png"/></div>
                <div id="img5" class="wh"><img src="images/wxl05.jpg"/></div>            
        </div>    
    </div>
</div>
</body>
</html>
<script type="text/jscript">
var ts01=document.getElementById("ts01");
var i=1;
var minTop=document.getElementById("img1").offsetTop;
var maxTop=document.getElementById("img5").offsetTop;var dec=0;//0向下运动，1向上运动var my;//存放定时器
//图片移动的函数
function move(myid){
var obj=document.getElementById(myid);
var reStart;
if(ts01.scrollTop==(obj.offsetTop-158)){
clearInterval(my);//清楚定时期
clearInterval(reStart);
}
ts01.scrollTop++;

if(ts01.scrollTop>=maxTop-158){
ts01.scrollTop=0;
}
/*if(dec==0){
ts01.scrollTop++;
if(ts01.scrollTop>=maxTop-158){
dec=1;
}
}
if(dec==1){
ts01.scrollTop--;
if(ts01.scrollTop<=minTop-158){
dec=0;
}
}*/
}
//每两秒钟执行一次，移动图片的函数
var myStart=window.setInterval("start()",2000);
function start(){
my=window.setInterval("move('img"+i+"')",2);
i++;
if(i>5){
i=1;
}
}
</script>