$(function(){
	//手动控制轮播
	$('.pic li').first().show()
	$('.num li').mouseover(function(){
		$(this).attr('class','current').siblings().attr('class','')
		var index=$(this).index()
		i=index;
		$('.pic li').eq(index).stop().fadeIn(500).siblings().stop().fadeOut(500)
	})
	//自动控制向右轮播
	var long=$('.pic li').length;
	var i=0;
	var t=setInterval(move,3500)
	function move(){
		i++;
		if (i==long) {i=0};
		$('.num li').eq(i).attr('class','current').siblings().attr('class','')
		$('.pic li').eq(i).fadeIn(500).siblings().fadeOut(500)
	}
	$('.all').hover(function(){
		clearInterval(t);
	},
	function(){
		t=setInterval(move,3500)
	})


	// 成分词典弹出层显示/隐藏
	$(".product_list3>ul li").click(function(){
		$(".dic_bg").fadeIn(200)
	})
	$(".dic_box .switch").click(function(){
		$(".dic_bg").fadeOut(200)
	})

	// 品牌故事导航
	$(window).scroll(function(){  //窗口滚动事件
		$(".story").each(function(i){ //遍历元素
			if ($(document).scrollTop()>$(".story").eq(i).offset().top-400){ 
			//比较滚动高度与元素到窗口顶部距离
				$(".story_on").removeClass("story_on").siblings('h1').css("opacity","0")//先移除所有样式
				$(".story_list a").eq(i).addClass("story_on").siblings('h1').css("opacity","1")//为当前元素添加样式
			};
		})
	})
	// 点击导航，楼层滚动动画
	$(".story_list ul li").click(function(){
		var index=$(this).index();//获取当前点击li的index值
		var top=$(".story").eq(index).offset().top;//获取内容部分第index个距离顶部的距离
		$("body").animate({"scrollTop":top},300)//让body卷曲高度等于上边的高度
	})

	// 首页添加淡入动画
	setTimeout(function(){
		$(".all").addClass("fadeInUp")
	},500)
	setTimeout(function(){
		$(".row1").addClass("fadeInUp")
	},1000)
	setTimeout(function(){
		$(".row2").addClass("fadeInUp")
	},1500)
})