window.Config = {
    staticDir: '.'
};

let isClose = true,
    header = $('.header'),
    heaerMenuGroup = $('.menu-group'),
    headerMask = $('.menu-mask'),
    headerMenuBtn = $('.btn-img'),
    isMobile = $(window).width() <= 768,
    currentRem = 0,
    exchangeLogo = false;

function getRem() {
    let windowWidth = window.innerWidth
    return windowWidth * (100 / (windowWidth > 768 ? 1920 : 750));
}
function rszcal() {
    currentRem = getRem();
    $('html').css('font-size', currentRem + "px");
}

function headerEffect() {
    let t = $(document).scrollTop();
    exchangeLogo = t > 2.5 * currentRem;
    if (exchangeLogo) {
        header.removeClass('style1').addClass('style2');
    } else {
        header.removeClass('style2').addClass('style1');
    }
}

let t1;
function showMenu() {
    clearTimeout(t1);
    if (exchangeLogo) {
        header.removeClass('style2').addClass('style1');
    }
    heaerMenuGroup.show().removeClass('iFadeOut').addClass('iFadeIn');
    headerMask.show().removeClass('iFadeOut').addClass('iFadeIn');
    headerMenuBtn.attr('src', window.Config.staticDir + '/images/guanbi.png');
    $('body').css('overflow', 'hidden');
    isClose = false;
}

function hideMenu() {
    if (exchangeLogo) {
        header.removeClass('style1').addClass('style2');
    }
    heaerMenuGroup.removeClass('iFadeIn').addClass('iFadeOut');
    headerMask.removeClass('iFadeIn').addClass('iFadeOut');
    headerMenuBtn.attr('src', window.Config.staticDir + '/images/menu.png');
    $('body').css('overflow', 'auto');
    isClose = true;

    clearTimeout(t1);
    t1 = setTimeout(function () {
        heaerMenuGroup.hide();
        headerMask.hide();
    }, 1200);
}

$(function () {
    rszcal();
    $(window).resize(rszcal);
    $(window).scroll(headerEffect);

    $('.header .menu-group').load('../common/header.html');
    $('.footer').load('../common/footer.html');

    header.on('click', '.menu-btn', function () {
        (isClose == true) ? showMenu() : hideMenu();
    });
    $('.business-nav a').click(function (event) {
        $('.business-nav a').removeClass('active');
        $(this).addClass('active');
        event.preventDefault();
        let id = $(this).attr('href');
        let ot = $(id)[0].offsetTop;
        window.scrollTo({
            top: ot - (0.9 * currentRem),
            behavior: "smooth",
        });
    });

    new WOW().init();
});