$(function(){
    if($(window).width()>750){
        $('.header .nav .item').hover(function(){
            $(this).find('.child').stop(true).slideDown()
        },function(){
            $(this).find('.child').stop(true).slideUp()
        })
        
        $('.header .nav .child-item').hover(function(){
            $(this).find('.third').stop(true).slideDown()
        },function(){
            $(this).find('.third').stop(true).slideUp()
        })
    }else{
        $('.header .menu').click(function(){
            $('.nav-m').stop(true).slideDown()
        })
        
        $('.nav-m .close').click(function(){
            $('.nav-m').stop(true).stop(true).slideUp()
        })
        
        $('.nav-m li').click(function(){
            if($(this).hasClass('rotate')){
                $(this).removeClass('rotate')
                $(this).next('.child').stop(true).slideUp()
            }else{
                $('.nav-m li').removeClass('rotate')
                $(this).addClass('rotate')
                $('.nav-m .child').stop(true).slideUp()
                $(this).next('.child').stop(true).slideDown()
            }
        })
        
        $('.footer .f-nav-m li').click(function(){
            if($(this).hasClass('rotate')){
                $(this).removeClass('rotate')
                $(this).next('.child').stop(true).slideUp()
            }else{
                $('.footer .f-nav-m li').removeClass('rotate')
                $(this).addClass('rotate')
                $('.footer .f-nav-m .child').stop(true).slideUp()
                $(this).next('.child').stop(true).slideDown()
            }
        })
    }
    
    $('.header .search').click(function(e){
        $('.header .search .popup').stop(true).fadeToggle()
        e.stopPropagation()
    })
    
    $('.header .search .input').click(function(e){
        e.stopPropagation()
    })
    
    $('.header .search .btn').click(function(e){
        var keyword=$.trim($('.header .search .input').val())
        if(keyword==''){
            $('.header .search .input').focus()
            layer.msg('璇疯緭鍏ュ叧閿瘝',{shift:6})
            return false
        }
        location.href='/search?keyword='+keyword
        e.stopPropagation()
    })
    
    $('.my-select > p').on('click', function(e){
		$(this).next().stop(true).slideToggle()
		$(this).parents('.my-select').toggleClass('on')
		e.stopPropagation()
    })
		
    $('.my-select').on('click','li',function(){
        $(this).addClass('selected').siblings().removeClass('selected')
		$(this).parents('.my-select').find('p').text($(this).data('value'))
    })
    
    $('.play').click(function(){
        $('.video-popup').stop(true).fadeIn()
        $('.video-popup video').attr('src',$(this).attr('data-video'))
    })
    
    $('.video-popup .close').click(function(){
        var video=document.getElementById('video-popup-video')
        video.currentTime=0
        video.pause()
        $('.video-popup').stop(true).fadeOut()
    })
    
    $('.comment-popup .close').click(function(){
        $('.comment-popup').hide()
    })
    
    $('.comment-popup .field5 li').click(function(){
        var code=$(this).data('code')
        $('.comment-popup .field6 p').text('璇烽€夋嫨鍩庡競')
        if(code==0){
            $('.comment-popup .field6 ul').html('<li class="selected" data-value="璇烽€夋嫨鍩庡競">璇烽€夋嫨鍩庡競</li>')
        }else{
            $.post('/contact/getData',{code},function(res){
                var html='<li class="selected" data-value="璇烽€夋嫨鍩庡競">璇烽€夋嫨鍩庡競</li>'
                res.data.forEach(function(v,k){
                    html+=`<li data-value="${v.name}" data-code='${v.code}'>${v.name}</li>`
                })
                $('.comment-popup .field6 ul').html(html)
            },'json')
        }
    })
    
    $('html,body').click(function(e){
        $('.header .search .popup').stop(true).fadeOut()
        $('.my-select').removeClass('on')
		$('.my-select ul').stop(true).slideUp()
        e.stopPropagation()
    })
    
    var lazyloadImages=$(".lazyload")
    function lazyload(){
        lazyloadImages.each(function() {
            var img = $(this)
            if(img.offset().top <= $(window).scrollTop() + $(window).height()+300){
                if(img.data("src")){
                    img.attr("src", img.data("src"))
                }else{
                    img.css("background-image", 'url('+img.data("bg")+')'); 
                }
                img.addClass("loaded")
                lazyloadImages = lazyloadImages.not(img)
            }
        })
        if(lazyloadImages.length == 0){
            $(window).off("scroll", lazyload)
        }
    }
    $(window).on("scroll", lazyload)
    $(window).trigger("scroll")
    
    $('.countup').countUp({
		delay:1,
		time: 200
	})
	
	$(".scroll").mCustomScrollbar({
	    theme:"myscroll"
	})
})

// new WOW({
// 	boxClass: 'wow',
// 	animateClass: 'animated',
// 	offset: 0,
// 	mobile: true,
// 	live: true
// }).init()