$(document).ready(function () {
    $(window).scroll(function () {
        if (40 < $(window).scrollTop()) {
            $("#site-header").addClass("fixheader");
            $("#logo").attr("src", "/img/logo_color.svg");
        } else {
            $("#site-header").removeClass("fixheader");
            $("#logo").attr("src", "/img/logo.svg");
        }
    })


    $("#btnsearch").click(function (e) {
        e.preventDefault();
        $("#searchbox").slideToggle();
    })

    $(".hasnav").hover(function (e) {
        var i = $(this).attr('data-id');
        $("#" + i).fadeIn();
    }, function () {
        var i = $(this).attr('data-id');
        $("#" + i).fadeOut();
    })

    $('.nav-bg').hover(function (e) {
        $(this).stop().fadeIn();
    }, function () {
        $(this).stop().fadeOut();
    })

    $(".menu-toggle").on('click', function () {
        $(this).toggleClass("on");
        $("#overmenu").slideToggle();
    });

    // $(".mobilenav li.down>a").on("click", function(e) {
    //     "use strict";
    //     e.preventDefault();
    //     $(this).closest('li').toggleClass('open');
    //     $(this).next('.subnav').slideToggle();


    // });


    var btn = $('#toTop');

    $(window).scroll(function () {
        if ($(window).scrollTop() > 300) {
            btn.fadeIn();
        } else {
            btn.fadeOut();
        }
    });

    btn.on('click', function (e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: 0 }, '300');
    });

    $(".btn-close").click(function (e) {
        $(this).closest(".overly").fadeOut().removeClass("login-container").removeClass("register-container");
    });

    $("#btn-login-open").click(function (e) {
        $("#overly").fadeIn().addClass("login-container");
    });
    $("#btn-register-open").click(function (e) {
        $("#overly").fadeIn().addClass("register-container");
    });

    $("#btnLoginType").click(function (e) {
        var id = $(this).attr("data-type");

        $("#" + id).addClass("active");

        if (id === "accountlogin") {
            $("#mobilelogin").removeClass("active");
            $(this).attr("data-type", "mobilelogin");
        } else {
            $("#accountlogin").removeClass("active");
            $(this).attr("data-type", "accountlogin");
        }

    });
});

// Check if API exists
if (document && document.fonts) {
    // Do not block page loading
    //setTimeout(function () {
    //    document.fonts.load('16px "YouSheBiaoTiHei"').then(() => {
    //        // Make font using elements visible
    //        document.documentElement.classList.add('font-loaded');
    //    })
    //}, 0)
    document.fonts.load('16px "YouSheBiaoTiHei"').then(function () {
        // Make font using elements visible
        document.documentElement.classList.add('font-loaded');
    });
} else {
    // Fallback if API does not exist 
    document.documentElement.classList.add('font-loaded');
}