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