var company_imgs = ['//s.novapps.com/imgs/sonow/c6.jpg?version=2'];
var company_index = 0;
var company_loop = {
    mouse_in: false,
    init: function () {
        document.querySelector('.company .right .imgs').innerHTML = "";
        document.querySelector('.company .right .point').innerHTML = "";
        var i = 0;
        for (var f of company_imgs) {
            document.querySelector('.company .right .imgs').innerHTML += "<img src='" + f + "'/>";
            document.querySelector('.company .right .point').innerHTML += "<span data-index='" + i + "'></span>";
            i++;
        }
        for (var f of document.querySelectorAll('.company .right .point span')) {
            f.onclick = function () {
                var index = this.getAttribute('data-index');
                console.log(index);
                company_loop.go(parseInt(index));
            };
        }
        document.querySelector('.company .right').onmouseenter = function () {
            company_loop.mouse_in = true
        };
        document.querySelector('.company .right').onmouseleave = function () {
            company_loop.mouse_in = false
        };
        company_loop.go(0);
        setInterval(function () {
            if (company_loop.mouse_in) return;
            company_loop.go(++company_index);
        }, 5000);
    },
    get_width: function () {
        var width = document.querySelector('.company .right .imgs').offsetWidth || document.querySelector('.company .right .imgs').clientWidth;
        return width + 10;
    },
    go: function (index) {
        if (index >= document.querySelectorAll('.company .right .imgs img').length) {
            index = 0;
        }
        company_index = index;
        var width = company_loop.get_width();
        document.querySelector('.company .right .imgs img').style.marginLeft = (-(width * index)) + "px";
        var i = 0;
        for (var f of document.querySelectorAll('.company .right .point span')) {
            if (i == index) f.className = "active";
            else f.className = "";
            i++;
        }
    },
}
company_loop.init();


var nav = {
    ishide: true,
    hide: function () {
        nav.ishide = true;
        document.querySelector('.nav_box').style.height = "56px";
        document.querySelector('.nav_button .one').className = "one";
        document.querySelector('.nav_button .two').className = "two";
    },
    show: function () {
        nav.ishide = false;
        document.querySelector('.nav_box').style.height = "220px";
        document.querySelector('.nav_button .one').className = "one active";
        document.querySelector('.nav_button .two').className = "two active";
    },
    switch: function () {
        nav.ishide ? nav.show() : nav.hide();
    }
}

document.querySelector('.nav_button').onclick = function(){
    nav.switch();
}

document.querySelector('.items').onclick = function(){
    nav.hide();
}
document.querySelector('.top').onclick = function(){
    nav.hide();
}
document.querySelector('.bg_company').onclick = function(){
    nav.hide();
}

window.onscroll = function(){
    if(!nav.ishide) nav.hide();
}