$(function(){
	$('.nav li.has').on('click',function(){
		//$(this).toggleClass('act').siblings().removeClass('act')
	})

	$('.menubtn').on('click',function(){
		$('.head').toggleClass('openmenu')
	})

	var hprosilder = new Swiper('.hprosilder', {
		slidesPerView: 'auto',
	})

	var hskillsilder = new Swiper('.hskillsilder', {
		slidesPerView: 'auto',
	})

	$('.leftnav .ti').on('click',function(){
		$(this).parent().toggleClass('open')
	})

	$('.seldown .ti').on('click',function(){
		$(this).parent().toggleClass('open')
	})

	$('.downlist .hd').on('click',function(){
		$(this).parents('li').toggleClass('open')
	})


	var cultrue = new Swiper('.cultrue-list .swiper-container', {
		slidesPerView: 'auto',
		pagination: {
	        el: '.cultrue-list .swiper-pagination',
	    },
	    autoplay:true,
	})

	var abouthsilder = new Swiper('.about-hsilder .swiper-container', {
		slidesPerView: 'auto',
		navigation: {
	        nextEl: '.about-hsilder .swiper-button-next',
	        prevEl: '.about-hsilder .swiper-button-prev',
	    },
	    autoplay:true,
	})



	var galleryThumbs = new Swiper('.bannerimg', {
		autoplay:true,
		on:{
		   autoplay:function(){
		  },
		}
    });
    var galleryTop = new Swiper('.bannercont .swiper-container', {
    	autoplay:true,
    	effect : 'fade',
		fadeEffect: {
		    crossFade: true,
		},
      	navigation: {
        	nextEl: '.banner_right',
        	prevEl: '.banner_left',
      	},
      	on:{
		   autoplay:function(){
		  },
		},
      	
      	thumbs: {
        	swiper: galleryThumbs
      	}
    });

    var years = new Swiper('.about-years .swiper-container', {
		slidesPerView: 'auto',
	})

	var mouth = new Swiper('.about-mouth .swiper-container', {
		slidesPerView: 'auto',
	})

	var aboutcont = new Swiper('.about-cont .swiper-container', {
		navigation: {
        	nextEl: '.about-cont .swiper-button-next',
        	prevEl: '.about-cont .swiper-button-prev',
      	},
      	slidesPerView: 'auto',
      	on:{
		    slideChange: function(){
		    	$('.about-mouth .swiper-slide').each(function(){
		    		var mouth = $('.about-cont .swiper-slide').eq(aboutcont.activeIndex).attr('attr-mouth')
		    		if($(this).text() == mouth){
		    			$(this).addClass('act')
		    		}else{
		    			$(this).removeClass('act')
		    		}
		    		// 
		    	})
		    	
		      	
		    },
		},
	})

	$('.about-years .swiper-slide').click(function(){
		$(this).addClass('act').siblings().removeClass('act');
	})


	/*¶¯»­bannaer*/
	function bannerSilder(val){	
		if(val >= $('.anibanner li').length){
			val = 0
			banAct = 0
		}
		$('.anibanner li').removeClass('act')
		$('.anibanner li .car').removeClass('end')
		$('.anibanner li').eq(val).addClass('act')
		aniban();
	}
	var banAct = 0;
	bannerSilder(0);
	function aniban(){
		$('.anibanner li.act .melist-box .ti').removeClass('heartBeat')
		$('.anibanner li.act .boxc').removeClass('rotateOut')
		$('.anibanner li.act .carlistdl dd span').removeClass('heartBeat')
		$('.anibanner li.act .melist dd').removeClass('heartBeat')
		$('.anibanner li.act .energy').removeClass('heartBeat')
		var cartop = ($('.anibanner li.act .carlistdl dd').length -1) * 45
		$('.anibanner li.act .carlistdl').css({'top':-cartop})
		var energyList = []
		var energyNum = 0
		var maxNum = $('.anibanner li.act .melist dd:first').find('.d3').text()
		$('.anibanner li.act .energy').text(energyNum)
		$('.anibanner li.act .melist dd').removeClass('act')
		
		$('.anibanner li.act .melist dd').each(function(){
			var num = $(this).find('.d3').text()
			energyList.push(num)
		}) 

		function timing(){
			var time2 = setInterval(function(){
		    	energyNum++;
		    	$('.anibanner li.act .energy').text(energyNum);
		    	for(var i = 0;i<energyList.length;i++){
		    		if(energyNum == energyList[i]){
		    			var numIndex  = i;
		    			clearInterval(time2);
		    			$('.anibanner li.act .melist dd').eq(i).addClass('act heartBeat')
		    			$('.anibanner li.act .carlistdl dd').eq(numIndex).find('span').addClass('heartBeat')
			    		$('.anibanner li.act .energy').addClass('heartBeat')
		    			if(energyNum == maxNum){
		    				banAct = banAct +1
		    				$('.anibanner li.act .car').addClass('end')
		    				// $('.anibanner li.act .lo').addClass('bounceInDown')
		    				$('.anibanner li.act .melist-box .ti').addClass('heartBeat')
		    				setTimeout(function(){
		    					// $('.anibanner li.act .car').removeClass('bounceInDown')
			    				$('.anibanner li.act .boxc').addClass('rotateOut')
			    			},3700)
		    				
		    				setTimeout(function(){
			    				bannerSilder(banAct)
			    			},5000)

		    			}else{
		    				setTimeout(function(){
		    					$('.anibanner li.act .carlistdl').animate({'top':-(45 * (numIndex-1))}, 500);
		    					$('.anibanner li.act .carlistdl dd span').removeClass('heartBeat')
				    			$('.anibanner li.act .melist dd').removeClass('heartBeat')
				    			$('.anibanner li.act .energy').removeClass('heartBeat')
			    				timing()
			    			},1000) // Í£1Ãë
		    			}
		    			
		    		}

		    	}
		  	},10) // +1ËÙ¶È
		}
		
		setTimeout(function(){
			timing()
		},5000)
	}
	
	
	

	$('.Jvideo').on('click',function(){
		$(this).hide();
		var video = $(this).attr('data-video');
		$('.videodivnew').show();
		$('#videoboxNew').attr('src',video);
		//$('.videodialog').find('video').attr('src',video);
		//$('.videodialog').show();
	});

	$('.videodialog .close').on('click',function(){
		window.location.reload();
		$('.videodialog').hide();
	});
	
	/**
	 * 
	 */
	$("body").delegate(".nav1box","click",function(){
		var w = $("body").width();
		if(w < 800){
			$('.nav li').removeClass('act');
			$(this).parents('li').addClass('act');
		}
	});
	
	if($(window).width() >1024){
	   $(window).scroll( function() {
	   var top = $(window).scrollTop();
			 if(top >= 100){
			  $('body').addClass('fixed')
			 }else{
			  $('body').removeClass('fixed')
			 }
	  })
	}
})