﻿$(function(){
	var speed = 500;//翻页速度
	//设置kvcon容器宽度
	var $kvcon = $('#kvcon');
	var $ulcon = $('#ulcon');
	var $ulNodes = $('#kvcon ul');
	var $liNodes = $('#kvcon li');
	//button生成
	var $navNode = $('#kvnav span:first');
	$navNode.addClass('now');
	//点击btn切换
	$('#kvnav span').click(function(n){
		$(this).addClass('now').siblings().removeClass('now');
		var num = $('#kvnav span').index($(this));
		gotoRun($(this),speed,num);
	});
	//无接缝
	var $ul2 = $ulNodes.clone();
	$ulcon.append($ul2);
	$ulcon.width(($liNodes.width())*$liNodes.length*2);
	var $ulNodes = $('#kvcon ul');
	$ulNodes.width($ulcon.width()/2);
	$kvcon.scrollLeft(0);
	//鼠标滑过停住
	$('#kvcon,.textinfo').hover(function(){
		$kvcon.attr('flag',1);
	},function(){
		$kvcon.attr('flag',0);
	});
	kvInfo(0);
	aotuRun('#kvcon',speed,1);
});
function aotuRun(moveNode,speed,tag){
	if(tag == 0){
		var $moveNodes = $(moveNode);
		if($moveNodes.attr('flag')!=1){
			run($moveNodes,speed);
		}
	}else tag = 0;
	var repeat = "aotuRun('" + moveNode + "'," + speed + "," + tag + ")";
	movement6 = setTimeout(repeat,4000);
}
function run($which,speed){
	var $ul1 = $which.find('ul').eq(0);
	var $ul2 = $which.find('ul').eq(1);
	var $liNodes = $which.find('li');
	var liWidth = $liNodes.width();
	//获取当前li位置
	var nowLi = $which.scrollLeft()/liWidth;
	var nowLeft = $which.scrollLeft() + liWidth;
	//到达最后一个
	if(nowLi>=$liNodes.length-1){
		var nowLeft = liWidth*$liNodes.length/2;
		var $temp = $ul1.clone();
		$temp.insertAfter($ul2);
		$ul1.remove();
		$which.scrollLeft(liWidth*($liNodes.length/2-1));
	}
	nowLi++;
	var nowNav = nowLi>($liNodes.length/2-1)?nowLi%($liNodes.length/2):nowLi;
	var $navNode = $('#kvnav span:eq('+(nowNav)+')');
	$navNode.addClass('now').siblings().removeClass('now');
	
	kvInfo(nowNav);
	$which.animate({scrollLeft:(nowLeft)},speed);
}
function gotoRun($which,speed,num){
	clearTimeout(movement6);
	var $kvcon = $('#kvcon');
	if($kvcon.is(':animated')){ $kvcon.stop(0,1);}
	var $liNodes = $kvcon.find('li');
	var liWidth = $liNodes.width();
	var nowLi = $kvcon.scrollLeft()/liWidth;
	var nowNav = nowLi>3?nowLi%($liNodes.length/2):nowLi;
	var clickNav = num - nowNav;
	var nowLeft = $kvcon.scrollLeft() + liWidth*clickNav;
	kvInfo(num);
	$kvcon.animate({scrollLeft:(nowLeft)},speed);
	var repeat = "aotuRun('" + '#kvcon' + "'," + speed + "," + 0 + ")";
	movement6 = setTimeout(repeat,4000);
}
//标题文字
function kvInfo(num){
		$('.textinfo span').eq(num).show().siblings('span').hide();
}

