﻿    // JavaScript Document
var Top002898 = {
   main: function () {
      //$("#m" + m).addClass("aon");
      $(function ($) {
         $(window).on("resize", function (e) {
            if ($(window).width() > 1025) {
               //清除由移动端到PC的样式
               $("body").removeClass("menu-show");
               $(".open-menu").removeClass("on");
               $(".top-menu li .sub").removeAttr("style");
               Top002898.pcmenu();
            }
            else {
               $(".top-menu li").unbind();
               Top002898.wapmenu();
            }
         }).trigger("resize");
      });
      Top002898.openthings(".open-search", "", "", ".top-search .box", ".top-search .box");
      //打开移动导航
      Top002898.openthings(".open-menu", "body", "menu-show", ".top-menu");
   },
   pcmenu: function () {
      $(".top-menu li").each(function () {
         var _this = $(this).find(".sub")
         var rel = _this.attr("data-type")
         if (rel == 'v-icon-fullbg') {
            if (_this.find("dt").length >= 1) {
               $(this).addClass("has-sub")
            }
         }
         if (rel == 'v-icon-sub') {
            if (_this.find("dt").length >= 1) {
               $(this).addClass("has-sub")
            }
         }
         if (rel == 'tab') {
            if (_this.find(".one-cate").find("dt").length >= 1) {
               $(this).addClass("has-sub pr");
            }
         }
      });
      //一级菜单下拉
      $(".top-menu li.has-sub").mouseDelay(false).hover(function () {
         $(this).addClass("aon").siblings().removeClass("aon");
         var _this = $(this).find(".sub"),
            rel = _this.attr("data-type")
         _this.slideDown('fast');
         _this.parent().siblings().find(".sub").slideUp('fast');
         if (rel == 'v-icon-fullbg') {
            var w = $(window).width(),
               liw = _this.parent("li").width(),
               pl = $(this).position().left,
               dlw = _this.find(".sub-inner dl").width(),
               cssl = pl - (dlw / 2) + (liw / 2);
            //console.log(dlw)
            if (cssl + dlw > w) {
               _this.addClass("dl-right")
            }
            else {
               _this.css("padding-left", cssl);
            }
         }
         if (rel == 'v-icon-sub') {
            _this.find("dt").each(function (i) {
               _this.find("dt").eq(0).addClass("cur").siblings().removeClass("cur")
               _this.find(".info .box").eq(0).show()
               _this.find(".info .box").eq(0).siblings().hide()
               $(this).hover(function () {
                  $(this).addClass("cur")
                  $(this).siblings().removeClass("cur")
                  _this.find(".info .box").eq(i).show()
                  _this.find(".info .box").eq(i).siblings().hide()
               })
            })
         }
         if (rel == 'tab') {
            // $(".two-cate .scrollinfo").mCustomScrollbar({ scrollbarPosition: "outside", axis: "x", advanced: { autoExpandHorizontalScroll: true } });//添加滚动条
            //一级也可添加滚动条   $(".one-cate .scrollinfo").mCustomScrollbar({scrollbarPosition:"outside"});
            var cate = _this.find(".one-cate").find("dt")
            cate.hover(function () {
               var list = $(this).find(".two-cate-list").html()
               $(this).parents(".one-cate").next(".two-cate").find(".inner").html(list);
               $(this).parents(".one-cate").next(".two-cate").find('.box-item').slick({
                  dots: false,
                  autoplay:true,
                  arrows: true,
                  slidesToShow:5
               });
               $(this).addClass("on").siblings().removeClass("on");
               // $(".two-cate .scrollinfo").mCustomScrollbar("destroy");
               // $(".two-cate .scrollinfo").mCustomScrollbar({ scrollbarPosition: "outside", axis: "x", advanced: { autoExpandHorizontalScroll: true } });
            });
            //初始
            cate.eq(0).addClass("on").siblings().removeClass("on");
            
            _this.find(".two-cate").find(".inner").html(cate.eq(0).find(".two-cate-list").html());
            cate.eq(0).parents(".one-cate").next(".two-cate").find('.box-item').slick({
               dots: false,
               autoplay:true,
               arrows: true,
               slidesToShow:5
            });
            //判断右侧位置是否够放置
            var centerw = $(".Top002898 > .auto").outerWidth(), //居中内容宽度 方便得出左右宽度
               pl = $(this).position().left,
               conw = $(this).find(".sub").width() / 2,
               ww = $(window).width(),
               rw = ww - pl - ((ww - centerw) / 2) - $(this).outerWidth();
            //console.log(rw)
            if (pl + conw > ww) {
               $(this).addClass("po-r");
               $(this).find(".sub").css("right", -rw);
            }
            //end
            var scrollContainer = _this.find(".two-cate .scrollinfo");

                // 设置滚动速度和间隔时间
                var scrollSpeed = 1; // 滚动速度
                var scrollInterval = 30; // 间隔时间

                // 定义滚动函数
                function autoScroll() {
                    // 获取当前滚动位置
                    var currentScrollLeft = scrollContainer.scrollLeft();

                    // 设置新的滚动位置
                    scrollContainer.scrollLeft(currentScrollLeft + scrollSpeed);
                }

                // 使用 setInterval 定时执行 autoScroll 函数，实现自动滚动
                var scrollIntervalId = setInterval(autoScroll, scrollInterval);

                // 鼠标悬停时停止滚动
                scrollContainer.hover(function () {
                    clearInterval(scrollIntervalId);
                }, function () {
                    scrollIntervalId = setInterval(autoScroll, scrollInterval);
                });
         }
      }, function () {
         $(this).removeClass("aon");
         $(this).find(".sub").slideUp('fast');
         $("#m" + m).addClass("aon");
      });
      //end
   },
   wapmenu: function () {
      $(".top-menu li").each(function () {
         var dt_num = $(this).find(".sub").find("dt").length
         if (dt_num >= 1) {
            $(this).find("span").find(".op").remove();
            $(this).find("span").append("<i class='op'></i>");
            var op = $(this).find("span").find(".op")
            op.click(function () {
               $(this).toggleClass("click");
               $(this).parents("li").find(".sub").slideToggle();
               $(this).parents("li").siblings().find(".sub").slideUp();
               $(this).parents("li").siblings().find(".op").removeClass("click");
            });
         }
      });
      $(".one-cate dt").each(function () {
         var item_num = $(this).find(".two-cate-list").find(".item").length
         if (item_num >= 1) {
            $(this).find(".one-cate-name").find(".op-item").remove();
            $(this).find(".one-cate-name").append("<i class='op-item'></i>");
            var op = $(this).find(".one-cate-name").find(".op-item")
            op.click(function () {
               $(this).toggleClass("click");
               $(this).parents("dt").find(".two-cate-list").slideToggle();
               $(this).parents("dt").siblings().find(".two-cate-list").slideUp();
               $(this).parents("dt").siblings().find(".op-item").removeClass("click");
            });
         }
      });
   },
   openthings: function (a, b, bcss, c, d) {
      $(a).click(function (e) {
         $(this).toggleClass("on");
         $(b).toggleClass(bcss);
         $(d).fadeToggle();
         $(document).on("click", function () {
            $(b).removeClass(bcss);
            $(a).removeClass("on");
            $(d).fadeOut();
         });
         e.stopPropagation();
      });
      $(c).on("click", function (e) {
         e.stopPropagation();
      });
   }
}