<!--图片轮播-->

<p  id="case"><img src="img/water/water_part2_2.jpg"></p><!--播放窗口-->

        <!--图片缩略图-->
        <p  id="case_min">
            <p  id="min_1"></p>
             <p  id="min_2"></p>
            <p  id="min_3"></p>
            <p  id="min_4"></p>
        </p>

下面是js:

    $(function(){
        var img=$("#case>img");
        var imgs=$("#case_min").children();//取其四张缩略图
        var place_arr=[0,-850,-1710,-2490 ];//四张图片的位置
        turns(img,place_arr);
        function turns(img,place_arr){
            for(var i=0,n=place_arr.length; i<=n; i++)
            {if(i==place_arr.length)
               {img.animate({marginLeft:place_arr[0]+"px"},1);
                turns(img,place_arr);
                }
            img.animate({marginLeft:place_arr[i]+"px"},1000).delay(200);
imgs.eq(i).css("opacity",1).siblings("opacity",0.5);
//当轮播到那个图片，其对应的缩略图显示明晰            
            }
        }
    })    

问题是，程序没有反应，求大神指点