$(function(){
    var page = 1;
    var i = 4; //4張圖片
    //向後按鈕
    $("a.nextPage").click(function(){    //click事件
         var $parent = $(this).parents("div.v_show"); //根據當前點擊元素獲取到父元素
         var $v_show = $parent.find("div.v_content_list"); //尋找到“視頻內容展示區域”
         var $v_content = $parent.find("div.v_content"); //尋找到“視頻內容展示區域”週邊的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");
   });
   //往前按鈕
    $("a.prevPage").click(function(){
    var $parent = $(this).parents("div.v_show"); ////根據當前點擊元素獲取到父元素
    var $v_show = $parent.find("div.v_content_list"); //尋找到“視頻內容展示區域”
    var $v_content = $parent.find("div.v_content"); //尋找到“視頻內容展示區域”週邊的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");
    });
});