一个简单的图片轮播程序为什么无法运行？？

<!--图片轮播-->

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

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

下面是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);
//当轮播到那个图片，其对应的缩略图显示明晰            
            }
        }
    })    

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