// JavaScript Document
$(document).ready(function(){
	    $("#eo").click(function(){
			$(this).addClass("ebov");
			$(this).removeClass("ebo");
			$("#kid").removeClass("kdv");
			$("#kid").addClass("kd");
			$("#zeta").removeClass("zetav");
			$("#zeta").addClass("zeta");
			return false;			
		})
		$("#kid").click(function(){
            $(this).addClass("kdv");
			$(this).removeClass("kd");
			$("#eo").removeClass("ebov");
			$("#eo").addClass("ebo");
			$("#zeta").removeClass("zetav");
			$("#zeta").addClass("zeta");
			return false;			
		})
		$("#zeta").click(function(){
            $(this).addClass("zetav");
			$(this).removeClass("zeta");
			$("#eo").removeClass("ebov");
			$("#eo").addClass("ebo");
			$("#kid").removeClass("kdv");
			$("#kid").addClass("kd");
			return false;			
		})
		//隐藏页码
		$(".ofv").click(function(){
		   $(".pagination li:lt(5)").show();
		   $(".pagination li:gt(5)").hide();
		   return false;
		});
		$(".stn").click(function(){
		   $(".pagination li:lt(5)").hide();
		   $(".pagination li:gt(5)").show();
		   return false;
		});
		//
		$("div.ptab").hide();
		$("div.ptab:first").show();
		$("#tabs a").click(function(){
			$("div.ptab").hide();
	        var actab = $(this).attr("href");
			$(actab).show();
		});
		$(".fk").hide();
		$(".fk:first").show();
		$("dl dd").hide();
		$("dl dd:first").show();
		$("dt").click(function(){
		  if( $(this).next().is(':hidden') ) { 
		  $('dt').removeClass('active1').next().slideUp();
		  $(this).toggleClass('active1').next().slideDown();
	      }
		  $(".fk").hide();
		  var atvd = $(this).find("a").attr("href");
		  $(atvd).show();
		  return false;
		});
		//
		var $cur = 1;//初始化显示的版面
		var $i = 1;//每版显示数
		var $len = $('.showbox>ul>li').length;//计算列表总长度(个数)
		var $pages = Math.ceil($len / $i);//计算展示版面数量
		var $w = $('.ibox').width();//取得展示区外围宽度
		var $wt = $('.num li').width();//取得展示区外围宽度
		var $showbox = $('.showbox');
		var $showboxx = $('.num');
		var $num = $('.num li')
		var $pre = $('#k1 .prev')
		var $next = $('#k1 .next');
		//向前滚动
		$pre.click(function(){
			if (!$showbox.is(':animated')) {  //判断展示区是否动画
				if ($cur == 1) {   //在第一个版面时,再向前滚动到最后一个版面
					
				}
				else { 
					$showbox.animate({
						left: '+=' + $w
					}, 500); //改变left值,切换显示版面
					$showboxx.animate({
						left: '+=' + $wt
					}, 500); //改变left值,切换显示版面
					$cur--; //版面累减
				}
				$num.eq($cur - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//向后滚动
		$next.click(function(){
			if (!$showbox.is(':animated')) { //判断展示区是否动画
				if ($cur == $pages) {  //在最后一个版面时,再向后滚动到第一个版面
					
				}
				else {
					$showbox.animate({
						left: '-=' + $w
					}, 500);//改变left值,切换显示版面
					$showboxx.animate({
						left: '-=' + $wt
					}, 500);//改变left值,切换显示版面
					$cur++; //版面数累加
				}
				$num.eq($cur - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//数字点击事件
		$num.click(function(){
			if (!$showbox.is(':animated')) { //判断展示区是否动画
				var $index = $num.index(this); //索引出当前点击在列表中的位置值
				$showbox.animate({
					left: '-' + ($w * $index) 
				}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
				$cur = $index + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
				$(this).addClass('current').siblings().removeClass('current'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
			}
			return false;
		});
		//
		var $cur1 = 1;//初始化显示的版面
		var $i1 = 1;//每版显示数
		var $len1 = $('.showbox1>ul>li').length;//计算列表总长度(个数)
		var $pages1 = Math.ceil($len1 / $i1); //计算展示版面数量
		var $w1 = $('.ibox1').width();//取得展示区外围宽度
		var $showbox1 = $('.showbox1');
		var $num1 = $('.num1 li')
		var $pre1 = $('#k2 .prev1')
		var $next1 = $('#k2 .next1');
		//向前滚动
		$pre1.click(function(){
			if (!$showbox1.is(':animated')) {  //判断展示区是否动画
				if ($cur1 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
					
				}
				else { 
					$showbox1.animate({
						left: '+=' + $w1
					}, 500); //改变left值,切换显示版面
					$cur1--; //版面累减
				}
				$num1.eq($cur1 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//向后滚动
		$next1.click(function(){
			if (!$showbox1.is(':animated')) { //判断展示区是否动画
				if ($cur1 == $pages1) {  //在最后一个版面时,再向后滚动到第一个版面
					
				}
				else {
					$showbox1.animate({
						left: '-=' + $w1
					}, 500);//改变left值,切换显示版面
					$cur1++; //版面数累加
				}
				$num1.eq($cur1 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//数字点击事件
		$num1.click(function(){
			if (!$showbox1.is(':animated')) { //判断展示区是否动画
				var $index1 = $num1.index(this); //索引出当前点击在列表中的位置值
				$showbox1.animate({
					left: '-' + ($w1 * $index1) 
				}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
				$cur1 = $index1 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
				$(this).addClass('current').siblings().removeClass('current'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//
		var $cur5 = 1;//初始化显示的版面
		var $i5 = 1;//每版显示数
		var $len5 = $('.showbox5>ul>li').length;//计算列表总长度(个数)
		var $pages5 = Math.ceil($len5 / $i5);//计算展示版面数量
		var $w5 = $('.ibox5').width();//取得展示区外围宽度
		var $showbox5 = $('.showbox5');
		var $num5 = $('.num5 li')
		var $pre5 = $('#k5 .prev5')
		var $next5 = $('#k5 .next5');
		//向前滚动
		$pre5.click(function(){
			if (!$showbox5.is(':animated')) {  //判断展示区是否动画
				if ($cur5 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
					
				}
				else { 
					$showbox5.animate({
						left: '+=' + $w5
					}, 500); //改变left值,切换显示版面
					$cur5--; //版面累减
				}
				$num5.eq($cur5 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//向后滚动
		$next5.click(function(){
			if (!$showbox5.is(':animated')) { //判断展示区是否动画
				if ($cur5 == $pages5) {  //在最后一个版面时,再向后滚动到第一个版面
					
				}
				else {
					$showbox5.animate({
						left: '-=' + $w5
					}, 500);//改变left值,切换显示版面
					$cur5++; //版面数累加
				}
				$num5.eq($cur5 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//数字点击事件
		$num5.click(function(){
			if (!$showbox5.is(':animated')) { //判断展示区是否动画
				var $index5 = $num5.index(this); //索引出当前点击在列表中的位置值
				$showbox5.animate({
					left: '-' + ($w5 * $index5) 
				}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
				$cur5 = $index5 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
				$(this).addClass('current').siblings().removeClass('current'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//
		var $cur2 = 1;//初始化显示的版面
		var $i2 = 1;//每版显示数
		var $len2 = $('.showbox2>ul>li').length;//计算列表总长度(个数)
		var $pages2 = Math.ceil($len2 / $i2);//计算展示版面数量
		var $w2 = $('.ibox2').width();//取得展示区外围宽度
		var $wt2 = $('.num2 li').width();//取得展示区外围宽度
		var $showbox2 = $('.showbox2');
		var $showboxx2 = $('.num2');
		var $num2 = $('.num2 li');
		var $pre2 = $('#k3 .prev2');
		var $next2 = $('#k3 .next2');
		//向前滚动
		$pre2.click(function(){
			if (!$showbox2.is(':animated')) {  //判断展示区是否动画
				if ($cur2 == 1) {   //在第一个版面时,再向前滚动到最后一个版面
					
				}
				else { 
					$showbox2.animate({
						left: '+=' + $w2
					}, 500); //改变left值,切换显示版面
					$showboxx2.animate({
						left: '+=' + $wt2
					}, 500); //改变left值,切换显示版面
					$cur2--; //版面累减
				}
				$num2.eq($cur2 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//向后滚动
		$next2.click(function(){
			if (!$showbox2.is(':animated')) { //判断展示区是否动画
				if ($cur2 == $pages2) {  //在最后一个版面时,再向后滚动到第一个版面
					
				}
				else {
					$showbox2.animate({
						left: '-=' + $w2
					}, 500);//改变left值,切换显示版面
					$showboxx2.animate({
						left: '-=' + $wt2
					}, 500);//改变left值,切换显示版面
					$cur2++; //版面数累加
				}
				$num2.eq($cur2 - 1).addClass('current').siblings().removeClass('current'); //为对应的版面数字加上高亮样式,并移除同级元素的高亮样式
			}
		});
		//数字点击事件
		$num2.click(function(){
			if (!$showbox2.is(':animated')) { //判断展示区是否动画
				var $index2 = $num2.index(this); //索引出当前点击在列表中的位置值
				$showbox2.animate({
					left: '-' + ($w2 * $index2) 
				}, 500); //改变left值,切换显示版面,500(ms)为滚动时间
				$cur2 = $index2 + 1; //初始化版面值,这一句可避免当滚动到第三版时,点击向后按钮,出面空白版.index()取值是从0开始的,故加1
				$(this).addClass('current').siblings().removeClass('current'); //为当前点击加上高亮样式,并移除同级元素的高亮样式
			}
			return false;
		});
});