$(function(){
    var page = 1;
    var i = 4; //每版放4个图片
	var len = $(".test_list_report ul li").length;
	var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
	var none_unit_width = $("#outer").width(); //获取框架内容的宽度,不带单位
	var $parent = $(".test_list_report"); 
    //向右 按钮
    $("#prev_test").click(function(){
		if( !$parent.is(":animated") ){
			if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				if(page_count==1){
					return;
				}
				$parent.animate({ marginLeft : 10}, 832); //通过改变left值，跳转到第一个版面
				page = 1;
			}else{
				$parent.animate({ marginLeft: '-='+(none_unit_width-80)}, 832);  //通过改变left值，达到每次换一个版面
				page++;
			}
		}
   });
    //往左 按钮
    $("#next_test").click(function(){
           if(page_count==1){
					return;
				}
	    if( !$parent.is(":animated") ){
			if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$parent.animate({ marginLeft : '-='+(none_unit_width*(page_count-1)-80)}, 832); //通过改变left值，跳转到最后一个版面
				page = page_count;
			}else{
				$parent.animate({ marginLeft : '+='+(none_unit_width-80) }, 832);  //通过改变left值，达到每次换一个版面
				page--;
			}
		}
    });
});