$(document).ready(function(){
    var w = $(window).innerWidth();
    var h = $(window).innerHeight();
    var cur = -1;

    var setTop = function(n) {
        var sTop = 20;
        if (w < 1024) {
            sTop = 60;
        } else if (w < 1366) {
            sTop = 50;
        } else if (w < 1920) {
            sTop = 20;
        }
        var stopTop = $("#" + (n + 1)).offset().top - sTop;
        $("html,body").stop(true, false).animate({ scrollTop: stopTop }, 300, "linear", function() {

        });
    };
    $('body').on('click', function(e) {
        var obj = $(e.target);
        if (w < 768 && obj.closest(".h-menu").length < 1) {
            $(".h-menu-content span").removeClass("bm");
            $(".h-menu-content ul").slideUp();
        }
    });
    $(".h-menu-content a").unbind("click").bind("click", function() {
        var n = $(this).parent().parent().find("a").index(this);
        if (w < 1366) {
            if (n >= 6) return;
            $(".h-menu-content span").removeClass("bm");
            $(".h-menu-content ul").slideUp();
        }
        setTop(n);
    });

    $(".h-menu-content span").unbind("click").bind("click", function() {
        if ($(this).hasClass("bm")) {
            $(this).parent().parent().find(".h-menu-content span").removeClass("bm");
            $(this).parent().parent().find(".h-menu-content ul").slideUp();
        } else {
            $(this).parent().parent().find(".h-menu-content span").addClass("bm");
            $(this).parent().parent().find(".h-menu-content ul").slideDown();
        }

    });
    $(window).bind("scroll",function(){
        triggerAnimate();
    })

    function triggerAnimate(){
        var scrollTop = $(window).scrollTop();
        var dis = 10;

        for(var i=0; i<$(".h-title").length; i++){
            if(scrollTop >= ($(".h-title").eq(i).offset().top - h + dis)){
                $(".h-title").eq(i).addClass("animate-start");
            }else{
                $(".h-title").eq(i).removeClass("animate-start");
            }
        }

        var hBannerTextBoxTop = $(".h-banner-text-box").offset().top;
        if(scrollTop > (hBannerTextBoxTop - h + dis)){
            $(".h-banner-text-box").addClass("animate-start");
        }


        var hFxContentTop = $(".h-fx-content").offset().top;
        if(scrollTop >= (hFxContentTop - h + 100)){
            $(".h-fx-content").addClass("animate-start");
        }else{
            $(".h-fx-content").removeClass("animate-start");
        }

        
        for(var j=0; j<$(".h-cj-item").length; j++){
            if(scrollTop >= ($(".h-cj-item").eq(j).offset().top - h + dis)){
                $(".h-cj-item").eq(j).addClass("animate-start");
            }else{
                $(".h-cj-item").eq(j).removeClass("animate-start");
            }
        }

        var hStTop = $(".h-st").offset().top;
        if(scrollTop >= (hStTop - h + 100)){
            $(".h-st").addClass("animate-start");
        }else{
            $(".h-st").removeClass("animate-start");
        }

        var hDyContentTop = $(".h-dy-content").offset().top;
        if(scrollTop >= (hDyContentTop - h + 100)){
            $(".h-dy-content").addClass("animate-start");
        }else{
            $(".h-dy-content").removeClass("animate-start");
        }

        if (scrollTop > ($("#6").offset().top - 0.5 * h)) {
            cur = 5;
        }else if (scrollTop > ($("#5").offset().top - 0.5 * h)) {
            cur = 4;
        }else if (scrollTop > ($("#4").offset().top - 0.5 * h)) {
            cur = 3;
        }else if (scrollTop > ($("#3").offset().top - 0.5 * h)) {
            cur = 2;
        }else if (scrollTop > ($("#2").offset().top - 0.5 * h)) {
            cur = 1;
        }else if (scrollTop > ($("#1").offset().top - 0.5 * h)) {
            cur = 0;
        }else {
            cur = -1;
        }

        var middleMenuTop = $("#middleMenu").offset().top;
        var headerHeight = $("header").height();
        $(".h-menu-top a.active").removeClass("active");
        $(".h-menu-middle a.active").removeClass("active");
        if (cur >= 0) {
            $(".h-menu-top a.active").removeClass("active");
            $(".h-menu-top a").eq(cur).addClass("active");
            $(".h-menu-middle a.active").removeClass("active");
            $(".h-menu-middle a").eq(cur).addClass("active");
        }

        if (scrollTop + headerHeight > middleMenuTop) {
            if (!$("#middleMenu").hasClass("opacity")) {
                $("#middleMenu").addClass("opacity");
                $("header").stop(true, false).animate({ top: -1 * headerHeight }, 200, "linear", function() {
                    $(".h-menu-top").addClass("h-menu-top-show");
                });
            }
        } else {
            if ($("#middleMenu").hasClass("opacity")) {
                $("#middleMenu").removeClass("opacity");
                $("header").stop(true, false).animate({ top: 0 }, 300, "linear", function() {});
                if($(".h-menu-content span").hasClass("bm")){
                    $(".h-menu-content span").removeClass("bm");
                    $(".h-menu-content ul").slideUp(1);
                }
                $(".h-menu-top").removeClass("h-menu-top-show");
            }
        }

        setTextHeight();
    }


    $(".h-st-menu li").unbind("mouseover").bind("mouseover",function(){
        var n = $(".h-st-menu li").index(this);

        $(".h-st-menu li.active").removeClass("active");
        $(this).addClass("active");
        $(".h-st-item.active").removeClass("active");
        $(".h-st-item").eq(n).addClass("active");

    })


    var stIndex = 0;
    $(".h-st-item a").unbind("click").bind("click",function(){
        var bool = false;
        if($(".h-st-item a").index(this) == stIndex){
            bool = true;
        }
        stIndex = $(".h-st-item a").index(this);
        setStPos(bool);
    })

    function setStPos(bool){
        var obj1 = $(".h-st-item.active").find(".h-st-item-content");
        obj1.stop(true,false).animate({"height":0},300);
        $(".h-st-item.active").removeClass("active");
        if(!bool){
            var obj2 = $(".h-st-item").eq(stIndex)
            obj2.addClass("active");
            obj2.find(".h-st-item-content").stop(true,false).animate({"height":obj2.find(".h-st-item-img").outerHeight(true)+obj2.find(".h-st-item-text-box").outerHeight(true)},300);
        }
        if(bool){
            stIndex = -1;
        }
    }

    $(".header_list a").unbind("click").bind("click",function(){
        cur = $(".header_list a").index(this);
        var stopTop = $("#" + (cur + 1)).offset().top;
        $("html,body").stop(true,false).animate({scrollTop:stopTop},600,"linear",function(){
            
        });
    })

    function setTextHeight(){
        if(w>=1024)$(".h-dy-span").css({"height":$(".h-dy-span-long").height()});
    }

    setTimeout(function(){
        triggerAnimate();
    },200)
});