$(function(){
    var page = 1;
    var i = 3; //每版放4个图片
    //向后 按钮
	//第一组图片滚动
    $(".psconpiclf").click(function(){    //绑定click事件
	     var $parent = $(this).parents("div.personlf");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.psconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.psconpicmid"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width() ;
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			  if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$v_show.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
				}else{
				$v_show.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
			 }
		 }
		 $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
   });
   
    //往前 按钮
    $(".psconpicrt").click(function(){
	     var $parent = $(this).parents("div.personlf");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.psconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.psconpicmid"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width();
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
		 	 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
		$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
    });
});	




$(function(){
    var page = 1;
    var j = 7; //每版放4个图片

		//第二组图片滚动
    $("img.prev01").click(function(){    //绑定click事件
	     var $parent = $(this).parents("div.feel");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.feelconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.feelconmid"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width() ;
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / j) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			  if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$v_show.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
				}else{
				$v_show.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
			 }
		 }
		 $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
   });
   
    //往前 按钮
    $("img.next01").click(function(){
	     var $parent = $(this).parents("div.feel");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.feelconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.feelconmid"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width();
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / j) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
		 	 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
		$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
    });	
});




$(function(){
    var page = 1;
    var m = 4; //每版放4个图片
		//第三组图片滚动
    $("img.prev02").click(function(){    //绑定click事件
	     var $parent = $(this).parents("div.showline");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.showconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.showcon"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width() ;
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / m) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			  if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$v_show.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
				}else{
				$v_show.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
			 }
		 }
		 $parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
   });
   
    //往前 按钮
    $("img.next02").click(function(){
	     var $parent = $(this).parents("div.showline");//根据当前点击元素获取到父元素
		 var $v_show = $parent.find("div.showconlist"); //寻找到“视频内容展示区域”
		 var $v_content = $parent.find("div.showcon"); //寻找到“视频内容展示区域”外围的DIV元素
		 var v_width = $v_content.width();
		 var len = $v_show.find("li").length;
		 var page_count = Math.ceil(len / m) ;   //只要不是整数，就往大的方向取最小的整数
		 if( !$v_show.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
		 	 if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$v_show.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_show.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
		$parent.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
    });	
});

	
   function showSubMenu(obj) {
		document.getElementById(obj).style.display = '';
   }

   function hideSubMenu(obj) {
	   	document.getElementById(obj).style.display = 'none';
   }

   function showDiv(){
	   
   }