window.onload = function () {
    window.onscroll = scroll;
    // 固定导航背景颜色
    var scroll = function () {
        var nav_height = document.getElementById("top_nav");
        var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
        if (scrollTop > 0) {
            nav_height.classList.add('header_scroll')
        } else {
            nav_height.classList.remove('header_scroll')
        }
    }
    scroll()
    // 导航动画
    var nav = document.getElementsByClassName("nav")[0];
    var click_a = nav.getElementsByTagName("a");
    for (let i = 0; i < click_a.length; i++) {
        click_a[i].index = i;
        click_a[i].onclick = function () {
            for (let a = 0; a < click_a.length; a++) {
                click_a[a].classList.remove("choosed")
            }
            click_a[this.index].classList.add("choosed")
        }
    }
    // 鼠标滚动事件
    function home_scroll() {
        // 导航条滚动加载样式
        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
        let home_one = document.getElementById("header").offsetTop - 90
        let home_two = document.getElementById("introduce").offsetTop - 90
        let home_three = document.getElementById("department").offsetTop - 90
        let home_four = document.getElementById("cours").offsetTop - 100
        let home_five = document.getElementById("product_service").offsetTop - 90
        let home_six = document.getElementById("honor").offsetTop - 120
        let nav = document.getElementsByClassName("nav")[0];
        let click_a = nav.getElementsByTagName("a");

        let department_tel = document.getElementById("department_tel")
        for (let i = 0; i < click_a.length; i++) {
            click_a[i].classList.remove("choosed")
            switch (true) {
                case scrollTop < home_two:
                    click_a[0].classList.add("choosed")
                    break;
                case scrollTop >= home_two && scrollTop < home_three:
                    click_a[2].classList.add("choosed")
                    break;
                case scrollTop >= home_three && scrollTop < home_four:
                    click_a[3].classList.add("choosed")
                    break;
                case scrollTop >= home_four && scrollTop < home_five:
                    click_a[4].classList.add("choosed")
                    break;
                case scrollTop >= home_five && scrollTop < home_six:
                    click_a[5].classList.add("choosed")
                    break;
                case scrollTop >= home_six:
                    click_a[6].classList.add("choosed")
                    break;
            }
        }
    }
    home_scroll()
    window.onscroll = function () {
        home_scroll()
        scroll()
    }
    // 轮播鼠标移上事件
    var video_box = document.getElementById("carouselExampleConta");
    video_box.addEventListener("mouseenter", function () {
        $(this).carousel('pause')
    }, false);
    video_box.addEventListener("mouseleave", function () {
        $(this).carousel('cycle')
    }, false);
    //这里是数组，若是对象格式仅为循环方式不同而已
    var json = [{
            "resname": "人力资本部",
            "img": "./images/Human.jpg",
            "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
        }, {
            "resname": "置业部",
            "img": "./images/region.jpg",
            "resint": "一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。"
        },
        {
            "resname": "行政部（风险稽核部）",
            "img": "./images/Administration.jpg",
            "resint": "公司的大管家。用巨大的爱，做细小的事。规矩是我们的准绳，内秀的我们是企业战略执行的守护者，是业务部门的重要合作伙伴"
        },
        {
            "resname": "培训中心",
            "img": "./images/Train.jpg",
            "resint": " 博学、书香是我们的名片，美貌、俊朗是我们的标签。我们是灵魂导师，成功路上的引路人， 我们是千家教师天团，精英孵化中心的缔造者。"
        }, {
            "resname": "权证部",
            "img": "./images/warrant.jpg",
            "resint": "后期保障专家。15年专业团队,严谨的作风，顾问式的服务，用品质让客户安心，拥有一站式网落签约资格，让每一笔贷款安全无忧，让交易更简单，让家更温暖。"
        }, {
            "resname": "法务部",
            "img": "./images/Legal.jpg",
            "resint": "公司最权威的发言者。刚健中正的我们以法律的视角规避交易风险，捍卫权益者应有的合法利益。我们字字珠玑，锱铢必较，我们一直在竭力完善安全交易防火墙。"
        },
        {
            "resname": "财务部",
            "img": "./images/Finance.jpg",
            "resint": "我们是管钱的。我们正直，沉稳而充满活力。财务管理分析是我们的爱好，我们对数字迷恋万分，资深财务导师指导我们严谨的打理公司财务，我们的身份就是财务大管家。"
        },
        {
            "resname": "宣传部",
            "img": "./images/Propaganda.jpg",
            "resint": " 一帮充满梦想，搞创作的文艺青年。这里，有趣的灵魂，好看的皮囊，我们都有。优秀的我们，为千家文化的发扬光大，为行业的正名而沉醉。"
        }, {
            "resname": "科技研发部",
            "img": "./images/network.jpg",
            "resint": "在这里有一群热爱技术、乐于创造的 GEEK（对电脑痴迷的人）！哼着小曲敲代码，喝着咖啡 DEBUG(排除程序故障)，热爱千家MIS·至哲研发，偶尔写写微信小程序，一言不合自己搭服务器跑算法。最先进的互联技术，最一流的研发和测试设备，用科技解放生产力，让你的创意变成现实！"
        }, {
            "resname": "市场部",
            "img": "./images/market.jpg",
            "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
        }, {
            "resname": "人力资本部",
            "img": "./images/Human.jpg",
            "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
        }, {
            "resname": "置业部",
            "img": "./images/region.jpg",
            "resint": "一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。"
        },
        {
            "resname": "行政部（风险稽核部）",
            "img": "./images/Administration.jpg",
            "resint": "公司的大管家。用巨大的爱，做细小的事。规矩是我们的准绳，内秀的我们是企业战略执行的守护者，是业务部门的重要合作伙伴"
        },
        {
            "resname": "培训中心",
            "img": "./images/Train.jpg",
            "resint": " 博学、书香是我们的名片，美貌、俊朗是我们的标签。我们是灵魂导师，成功路上的引路人， 我们是千家教师天团，精英孵化中心的缔造者。"
        }, {
            "resname": "权证部",
            "img": "./images/warrant.jpg",
            "resint": "后期保障专家。15年专业团队,严谨的作风，顾问式的服务，用品质让客户安心，拥有一站式网落签约资格，让每一笔贷款安全无忧，让交易更简单，让家更温暖。"
        }, {
            "resname": "法务部",
            "img": "./images/Legal.jpg",
            "resint": "公司最权威的发言者。刚健中正的我们以法律的视角规避交易风险，捍卫权益者应有的合法利益。我们字字珠玑，锱铢必较，我们一直在竭力完善安全交易防火墙。"
        },
        {
            "resname": "财务部",
            "img": "./images/Finance.jpg",
            "resint": "我们是管钱的。我们正直，沉稳而充满活力。财务管理分析是我们的爱好，我们对数字迷恋万分，资深财务导师指导我们严谨的打理公司财务，我们的身份就是财务大管家。"
        },
        {
            "resname": "宣传部",
            "img": "./images/Propaganda.jpg",
            "resint": " 一帮充满梦想，搞创作的文艺青年。这里，有趣的灵魂，好看的皮囊，我们都有。优秀的我们，为千家文化的发扬光大，为行业的正名而沉醉。"
        }, {
            "resname": "科技研发部",
            "img": "./images/network.jpg",
            "resint": "在这里有一群热爱技术、乐于创造的 GEEK（对电脑痴迷的人）！哼着小曲敲代码，喝着咖啡 DEBUG(排除程序故障)，热爱千家MIS·至哲研发，偶尔写写微信小程序，一言不合自己搭服务器跑算法。最先进的互联技术，最一流的研发和测试设备，用科技解放生产力，让你的创意变成现实！"
        }, {
            "resname": "市场部",
            "img": "./images/market.jpg",
            "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
        }, {
            "resname": "人力资本部",
            "img": "./images/Human.jpg",
            "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
        }, {
            "resname": "置业部",
            "img": "./images/region.jpg",
            "resint": "一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。"
        },
        {
            "resname": "行政部（风险稽核部）",
            "img": "./images/Administration.jpg",
            "resint": "公司的大管家。用巨大的爱，做细小的事。规矩是我们的准绳，内秀的我们是企业战略执行的守护者，是业务部门的重要合作伙伴"
        },
        {
            "resname": "培训中心",
            "img": "./images/Train.jpg",
            "resint": " 博学、书香是我们的名片，美貌、俊朗是我们的标签。我们是灵魂导师，成功路上的引路人， 我们是千家教师天团，精英孵化中心的缔造者。"
        }, {
            "resname": "权证部",
            "img": "./images/warrant.jpg",
            "resint": "后期保障专家。15年专业团队,严谨的作风，顾问式的服务，用品质让客户安心，拥有一站式网落签约资格，让每一笔贷款安全无忧，让交易更简单，让家更温暖。"
        }, {
            "resname": "法务部",
            "img": "./images/Legal.jpg",
            "resint": "公司最权威的发言者。刚健中正的我们以法律的视角规避交易风险，捍卫权益者应有的合法利益。我们字字珠玑，锱铢必较，我们一直在竭力完善安全交易防火墙。"
        },
        {
            "resname": "财务部",
            "img": "./images/Finance.jpg",
            "resint": "我们是管钱的。我们正直，沉稳而充满活力。财务管理分析是我们的爱好，我们对数字迷恋万分，资深财务导师指导我们严谨的打理公司财务，我们的身份就是财务大管家。"
        },
        {
            "resname": "宣传部",
            "img": "./images/Propaganda.jpg",
            "resint": " 一帮充满梦想，搞创作的文艺青年。这里，有趣的灵魂，好看的皮囊，我们都有。优秀的我们，为千家文化的发扬光大，为行业的正名而沉醉。"
        }, {
            "resname": "科技研发部",
            "img": "./images/network.jpg",
            "resint": "在这里有一群热爱技术、乐于创造的 GEEK（对电脑痴迷的人）！哼着小曲敲代码，喝着咖啡 DEBUG(排除程序故障)，热爱千家MIS·至哲研发，偶尔写写微信小程序，一言不合自己搭服务器跑算法。最先进的互联技术，最一流的研发和测试设备，用科技解放生产力，让你的创意变成现实！"
        }, {
            "resname": "市场部",
            "img": "./images/market.jpg",
            "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
        }, {
            "resname": "人力资本部",
            "img": "./images/Human.jpg",
            "resint": "千家的猎头组织。一个明明可以靠颜值，却硬是靠才华吃饭的部门，为社会创造更多的高端就业机会。我们为行业募选最优秀的精英，只寻找最真的你。"
        }, {
            "resname": "置业部",
            "img": "./images/region.jpg",
            "resint": "一群用青春去捍卫梦想的房地产经纪人，一个将屌丝变富帅的神奇部门。我们由一个职场小白，磨练成一个顶尖精英、蜕变成一个团队领导人，年入百万只需5年。我们持续壮大队伍，遍布全国，作为客户最坚实的后盾，我们在行业中循演着鲇鱼效应，推动着整个行业规范前行。"
        },
        {
            "resname": "行政部（风险稽核部）",
            "img": "./images/Administration.jpg",
            "resint": "公司的大管家。用巨大的爱，做细小的事。规矩是我们的准绳，内秀的我们是企业战略执行的守护者，是业务部门的重要合作伙伴"
        },
        {
            "resname": "培训中心",
            "img": "./images/Train.jpg",
            "resint": " 博学、书香是我们的名片，美貌、俊朗是我们的标签。我们是灵魂导师，成功路上的引路人， 我们是千家教师天团，精英孵化中心的缔造者。"
        }, {
            "resname": "权证部",
            "img": "./images/warrant.jpg",
            "resint": "后期保障专家。15年专业团队,严谨的作风，顾问式的服务，用品质让客户安心，拥有一站式网落签约资格，让每一笔贷款安全无忧，让交易更简单，让家更温暖。"
        }, {
            "resname": "法务部",
            "img": "./images/Legal.jpg",
            "resint": "公司最权威的发言者。刚健中正的我们以法律的视角规避交易风险，捍卫权益者应有的合法利益。我们字字珠玑，锱铢必较，我们一直在竭力完善安全交易防火墙。"
        },
        {
            "resname": "财务部",
            "img": "./images/Finance.jpg",
            "resint": "我们是管钱的。我们正直，沉稳而充满活力。财务管理分析是我们的爱好，我们对数字迷恋万分，资深财务导师指导我们严谨的打理公司财务，我们的身份就是财务大管家。"
        },
        {
            "resname": "宣传部",
            "img": "./images/Propaganda.jpg",
            "resint": " 一帮充满梦想，搞创作的文艺青年。这里，有趣的灵魂，好看的皮囊，我们都有。优秀的我们，为千家文化的发扬光大，为行业的正名而沉醉。"
        }, {
            "resname": "科技研发部",
            "img": "./images/network.jpg",
            "resint": "在这里有一群热爱技术、乐于创造的 GEEK（对电脑痴迷的人）！哼着小曲敲代码，喝着咖啡 DEBUG(排除程序故障)，热爱千家MIS·至哲研发，偶尔写写微信小程序，一言不合自己搭服务器跑算法。最先进的互联技术，最一流的研发和测试设备，用科技解放生产力，让你的创意变成现实！"
        }, {
            "resname": "市场部",
            "img": "./images/market.jpg",
            "resint": "资源整合专家。我们洞察市场风云变化，拓展市场新资源，我们还致力于通过规范业务行为，引领行业服务品质新高度，我们是行业前行的探路者."
        }
    ];

    function asd() {
        var i = 0;
        for (var n = 0; n < 12; n++) {
            var tmp = "<div class='carousel-item video_box'><ul>";
            for (i; i < json.length; i++) {
                if (i === (n + 1) * 3) {
                    i = (n + 1) * 3;
                    break;
                } else {
                    tmp += "<li>" +
                        "<div class='images'>" + "<img src=" + json[i].img + ">" + "</div>" +
                        "<div class='text'>" +
                        "<div class='titles'>" + json[i].resname + "</div>" +
                        "<p>" + json[i].resint + "</p>" +
                        "</div>" +
                        "</li>";
                }
            }
            tmp += "</ul></div>";
            var carouselExampleConta = document.getElementById("carouselExampleConta")
            carouselExampleConta.getElementsByClassName("carousel-inner")[0].innerHTML += tmp;
            carouselExampleConta.getElementsByClassName("carousel-item")[0].classList.add("active")
        }
    }
    asd();
    // 招聘热线 文字跳动
    var tel_content = document.getElementById("tel_content");
    var move_span = tel_content.getElementsByTagName("span")
    for (var s = 0; s < move_span.length; s++) {
        (function (e) {
            var timer = setInterval(function () {
                move_span[e].classList.add("move_tel")
            }, e * 200)
        })(s)
    }

    // 公司介绍品牌切换
    var first = document.getElementsByClassName("first_introduce")[0];
    var second = document.getElementsByClassName("second_introduce")[0];
    second.onmouseover = function () {
        this.style.right = "30px";
        this.style.animation = "smallBig .6s  ease forwards";
        this.style.zIndex = "5";
        first.style.left = "-30px";
        first.style.zIndex = "4";
        first.style.animation = "bigSmall .6s  ease forwards";
    }
    first.onmouseover = function () {
        this.style.left = 0;
        this.style.animation = "toInit2 .6s  ease forwards";
        this.style.zIndex = "5";
        second.style.right = 0;
        second.style.zIndex = "4";
        second.style.animation = "toInit .6s  ease forwards";
    }
    // 侧边导航代码执行
    common();

    // 荣誉资质轮播图
    let content = [
        "<h5>2018年12月千家地产被授予<strong>河北省住宅与房地产业协会副会长单位</strong></h5>",
        "<h5>千家地产董事长宋山担任<strong>河北省住宅与房地产业协会副会长</strong></h5>",
        "<h5>2018年1月千家房地产获得了河北省住宅与房地产业协会授予的<strong>“年度诚信房地产经营机构”</strong></h5>",
        "<h5>千家地产人才需求涉及到多个专业，我们也愿意为拥有梦想的学子提供学习的平台和未来工作的机会。</h5>",
        "<h5>2018年11月千家地产与唐山学院达成战略合作，成为<strong>唐山学院首家大学生人才培养基地</strong>，并与各大高校达成战略合作关系</h5>"];
    
    certifySwiper = new Swiper('#honor .swiper-container', {
        watchSlidesProgress: true,
        slidesPerView: 'auto',
        centeredSlides: true,
        loop: true,
        loopedSlides: 5,
        autoplay: {
            delay: 5000,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        pagination: {
            el: '.swiper-pagination',
            //clickable :true,
        },
        on: {
            progress: function (progress) {
                for (i = 0; i < this.slides.length; i++) {
                    var slide = this.slides.eq(i);
                    var slideProgress = this.slides[i].progress;
                    modify = 1;
                    if (Math.abs(slideProgress) > 1) {
                        modify = (Math.abs(slideProgress) - 1) * 0.25 + 1;
                    }
                    translate = slideProgress * modify * 300 + 'px';
                    scale = 1 - Math.abs(slideProgress) / 5;
                    zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
                    slide.transform('translateX(' + translate + ')');
                    slide.css('zIndex', zIndex);
                    slide.css('opacity', 1);
                    if (Math.abs(slideProgress) > 3) {
                        slide.css('opacity', 0);
                    }
                }
            },
            setTransition: function (transition) {
                for (var i = 0; i < this.slides.length; i++) {
                    var slide = this.slides.eq(i)
                    slide.transition(transition);
                }
            },
            slideNextTransitionEnd: function () {
                $('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
            },
            slidePrevTransitionEnd: function () {
                $('.honor_content').html(content[$('.swiper-slide-active').attr('data-swiper-slide-index')]);
            }
        }
    })
}