$(document).ready(function () {
    $('.back-top').click(function (e) {
        e.preventDefault();
        // $('html').scrollTop(0);
        // $('html').animate({ scrollTop: 0 }, function () {
    
        // })
        $("html,body").animate({
            scrollTop: 0
        }, 500, function () { });
    });

    function lazy() {
        var w = $(window)
        $("[data-img]").each(function () {
            var a = $(this)
            if (!a.attr("done") && (w.scrollTop() + w.height() > a.offset().top)) {
                a.attr("done","done")
                var src = a.attr("data-img")
                if(a[0].nodeName =='IMG'){
                    a.attr("src", src)
                }else{
                    a.css("backgroundImage","url("+src+")")
                }
            }
        })
    }
    $(window).scroll(lazy)
    lazy()
    
    //让IE9支持placeholder
    $('input, textarea').placeholder();
    // 侧边菜单
    $(".nav .sub-item").each(function () {
        $(this).parent("li").addClass("has-nav")
    })
       $(".has-nav").on("mouseenter", function () {
        if ($(window).width() > 1200) {
            $(this).addClass("active").siblings().removeClass("active")
            $(this).find(".sub-item").slideDown(300)
        }
    })
    $(".has-nav").on("mouseleave", function () {
        if ($(window).width() > 1200) {
            $(this).removeClass("active")
            $(this).find(".sub-item").stop().slideUp(300)
        }
    })
    // 展开子选项
    $(".has-nav").click(function (e) {
        if ($(window).width() <= 1200) {
            e.preventDefault();
            if ($(this).hasClass("show")) {
                $(this).removeClass("show")
                $(this).find(".sub-item").slideUp(300)
            } else {
                $(this).addClass("show")
                $(this).find(".sub-item").slideDown(300)
            }
        }
    })
    $(".sub-item,.nav-head,.nav-item>a").click(function (e) {
        e.stopPropagation()
    })
    //点击菜单
    $(".h-menu").click(function () {
        console.log('is running');
        $(".nav-list-cont").addClass("open")
        $(".h-mask").addClass("running")
    })
    $(".h-mask").click(function () {
        $(".nav-list-cont").removeClass("open")
        $('header').removeClass('show-sch')
        $('.h-mask').removeClass('running')
    })
    // 菜单滚动变色
    $(window).scroll(function () {
        var a = $(this).scrollTop()
        if (a > 300) {
            $("header").addClass("color")
            // $('.logo').attr('src', './images/logo-color.png')
            $('.logo1').addClass('hide')
            // $('.search-btn').attr('src','./images/search-black.png')
            $('.back-top').removeClass('v-hide')
            $('.logo2').removeClass('hide')
        } else {
            if (!$("header").hasClass("no-change")) {
                $('.logo1').removeClass('hide')
                $('.logo2').addClass('hide')
                $("header").removeClass("color")
                // $('.logo').attr('src', './images/logo-white.png')
            }


            // $('.search-btn').attr('src','./images/search.png')
            $('.back-top').addClass('v-hide')
        }
    })
    // 动画效果
    // var hh = $(window).height()
    // $(window).scroll(function (e) {
    //     var a = $(this).scrollTop()
    //     $(".teaser,.lter,.rter,.door,.door1,.door2,.zip").each(function () {
    //         var b = $(this).offset().top
    //         if (b - a < hh * 0.99 && b - a > -hh) {
    //             var el = $(this)
    //             el.addClass("is-visible")
    //             var time = (parseFloat(el.css("transitionDuration")) * 1000 || 0) + (parseFloat(el.css("transitionDelay")) * 1000 || 0)
    //             setTimeout(function () {
    //                 if (!el.hasClass("door") && !el.hasClass("door1") && !el.hasClass("door2") && !el.hasClass("zip")) {
    //                     el.removeClass("is-visible teaser lter rter").addClass("after-ani") //如果原先有transition属性，为防冲突去掉这些类
    //                 }
    //             }, time)
    //         } else {
    //             // $(this).removeClass("is-visible")
    //         }
    //     })
    // })
    // 打开搜索
    $(".search-btn").click(function () {
        $("header").addClass("show-sch")
        setTimeout(function () {
            $(".h-text").focus()
        }, 500);
    })
    $('.mansion').click(function () {
        $('.video-cont').addClass('playing')
    })
    $('.close-video').click(function (e) {
        e.stopPropagation()
        console.log('关闭视频');
        $('.video-cont').removeClass('playing')
    })
    // 返回顶部

})

function cleanAllSelected() {
    let getThumbList = document.getElementsByClassName('thumb-slide')
    for (let index = 0; index < getThumbList.length; index++) {
        const element = getThumbList[index].childNodes[0];
        element.classList.remove('selected')
        // console.log(element.childNodes[0]);
    }
}
function selectOneThumb(active) {
    let getThumbList = document.getElementsByClassName('thumb-slide')
    const element = getThumbList[active].childNodes[0];
    element.classList.add('selected')
}
function cleanAllOpen() {
    let getThumbList = document.getElementsByClassName('pc-column')
    // console.log(getThumbList);
    for (let index = 0; index < getThumbList.length; index++) {
        const element = getThumbList[index];
        element.classList.remove('open')
        // console.log(element.childNodes[0]);
    }
}
var loadedNum = 0
var imgs = document.querySelectorAll("img")
var imgNum = imgs.length
for (var i = 0; i < imgs.length; i++) {
    if (imgs[i].complete) {
        addOne()
    } else {
        imgs[i].addEventListener("load", addOne)
        imgs[i].addEventListener("error", addOne)
    }
}
function addOne() {
    loadedNum++
    if (loadedNum == imgNum) {
        begin()
    }
}
function begin() {
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = 'css/font.css';
    head.appendChild(link);
}