function mouseenterClass(ul,li1,li2){
    var adv_index = 0;
    var adv_task;
    $(function(){
        $(li1).mouseenter(function(){
            var index = $(li1).index(this);
            $(li1).removeClass("active");
            $(li2).removeClass("active");
            $(li1).eq(index).addClass("active");
            $(li2).eq(index).addClass("active");
            adv_index = index+1;
            if(adv_index==$(li1).length){
                adv_index=0;
            }
        });
        $(li1).removeClass("active");
        $(li2).removeClass("active");
        $(li1).eq(0).addClass("active");
        $(li2).eq(0).addClass("active");
        adv_index = 0+1;
        if(adv_index==$(li1).length){
            adv_index=0;
        }
    });
}

function clickClass(ul,li1,li2){
    var adv_index = 0;
    var adv_task;
    $(function(){
        $(li1).click(function(){
            var index = $(li1).index(this);
            $(li1).removeClass("active");
            $(li2).removeClass("active");
            $(li1).eq(index).addClass("active");
            $(li2).eq(index).addClass("active");
            adv_index = index+1;
            if(adv_index==$(li1).length){
                adv_index=0;
            }
        });
        $(li1).removeClass("active");
        $(li2).removeClass("active");
        $(li1).eq(0).addClass("active");
        $(li2).eq(0).addClass("active");
        adv_index = 0+1;
        if(adv_index==$(li1).length){
            adv_index=0;
        }
    });
}

/** 返回顶部 =======*/  
$(function () {
    var back = $('.go_top');
    back.click(function () {
        var timer = setInterval(function () {
            $(window).scrollTop($(window).scrollTop() - 50);
            if ($(window).scrollTop() == 0) {
                clearInterval(timer);
            }
        }, 2);
    });
    $(window).scroll(function () {
        var heig = $(document).scrollTop();
        if (heig > 400) {
            back.show();
        } else {
            back.hide();
        }
    });
});

/*==图片放大==*/
$(function(){
    baguetteBox.run(".baguetteBox", {
        animation: "fadeIn",
    });
});

/*== 顶部固定导航 ==*/
if($(".h_box").length>0){
    var h_fixed_height = $(".h_fixed").height();
    $(".h_box").css({height: h_fixed_height});

    $(window).scroll(function(){
        if($(window).scrollTop() > 0){
            if($('.h_fixed').hasClass('active')){
                return false;
            }else{
                $('.h_fixed').addClass('active');
            }
        }else{
            if($('.h_fixed').hasClass('active')){
                $('.h_fixed').removeClass('active');
            }else{
                return false;
            }
        }
    });

}

//<!-- ||下拉菜单|| -->
$(function(){
    var h = 0;
    $('.meun-btn').click(function(){
        if(h === 0){
            $(this).addClass('meun-btn-open');
            $('.mark').fadeIn(300);
            $('.second_nav').addClass('second_nav_block fadeInLeftBig').removeClass('fadeOutLeftBig');
            h = 1;
        } else{
            $(this).removeClass('meun-btn-open');
            $('.mark').fadeOut(300);
            $('.second_nav').addClass('fadeOutLeftBig').removeClass('fadeInLeftBig');
            setTimeout((function(){
                $('.second_nav').removeClass('second_nav_block');
                h = 0;
            }), 500);
        }
    });

    $('.second_nav_lsit li').click(function(){
        $(this).find('dl').slideToggle(300);
        $(this).toggleClass('li_act');
        $(this).siblings().removeClass('li_act');
        $(this).siblings().find('dl').slideUp(300);
    });
});
function search_show(){
    $(".search-box").toggleClass("search-box-show");
}

//banner
var banner = new Swiper('.banner .swiper-container', { 
    observer: true,
    observeParents: true,
    spaceBetween : 20,
    // autoplay: {
    //     delay: 5000,
    //     stopOnLastSlide: false,
    //     disableOnInteraction: true,
    // },
    pagination: {
        el: '.swiper-pagination_banner',
        clickable: true,
    },
});

var m_banner = new Swiper('.m_banner .swiper-container',{
    observer: true,
    observeParents: true,
    spaceBetween : 20,
    // autoplay: {
    //     delay: 5000,
    //     stopOnLastSlide: false,
    //     disableOnInteraction: true,
    // },
    pagination: {
        el: '.m_banner .swiper-pagination',
        clickable: true,
    },
});


//首页 轻奢时尚 出色百搭
var box4_bd = new Swiper('.box4_bd .swiper-container',{
    observer: true,
    observeParents: true,
    effect : 'fade',
    simulateTouch: false,
});

var box4_hd = new Swiper('.box4_hd .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 3,
    slidesPerGroup: 3,
    direction: 'vertical',
    navigation: {
        nextEl: '.box4_hd .swiper-button-next',
        prevEl: '.box4_hd .swiper-button-prev',
    },
    pagination : {
        el:".box4_hd .swiper-pagination",
        clickable: true,
    },
    on: {
        slideChangeTransitionStart: function(){
            box4_bd.slideTo(this.realIndex, 600, false);
            var curIndex = this.activeIndex/3+1;
            curIndex = Math .ceil(curIndex);
            curIndex = '000'+curIndex;
            curIndex = curIndex.substring(curIndex.length-2,curIndex.length);
            $('#curIndex').text(curIndex);
            var totalPage = Math .ceil($(".box4_hd .swiper-slide").length/3);/*this.imagesLoaded/2/3*/
            totalPage = '000'+totalPage;
            totalPage = totalPage.substring(totalPage.length-2,totalPage.length);
            $('#total').text(totalPage);
        },
    },
});
if($(".box4_hd .swiper-slide").length>0){
    $('#curIndex').text("01");
    var totalPage = Math .ceil($(".box4_hd .swiper-slide").length/3);
    totalPage = '000'+totalPage;
    totalPage = totalPage.substring(totalPage.length-2,totalPage.length);
    $('#total').text(totalPage);
}
 
$(".box4_hd .swiper-slide").click(function(){
    num = $(this).index();
    $(this).addClass("swiper-slide-active").siblings().removeClass("swiper-slide-active");
    box4_bd.slideTo(num, 600, false);
});

var m_box4_bd = new Swiper('.m_box4_bd .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 2,
    slidesPerGroup: 2,
    spaceBetween: 20,
    pagination: {
        el:".m_box4_bd .swiper-pagination",
        clickable: true,
    },
    breakpoints: {
        920: {
            slidesPerView: 1,
            slidesPerGroup: 1,
            spaceBetween: 10,
        },
        1023: {
            slidesPerView: 2,
            slidesPerGroup: 2,
            spaceBetween: 15,
        },
    },
});

/*==巴迪斯 精工人物志==*/
var box6_swiper = new Swiper('.box6_swiper .swiper-container', {
    observer: true,
    observeParents: true,
    slidesPerView: 3,
    spaceBetween: 135,
    pagination: {
        el: '.box6_swiper .swiper-pagination',
        clickable: true,
    },
    breakpoints: {
        768: {
            slidesPerView: 2,
            slidesPerGroup: 2,
            spaceBetween: 20,
        },
        920: {
            slidesPerView: 2,
            slidesPerGroup: 2,
            spaceBetween: 40,
        },
        1023: {
            slidesPerView: 3,
            slidesPerGroup: 3,
            spaceBetween: 50,
        },
        1100: {
            slidesPerView: 3,
            slidesPerGroup: 3,
            spaceBetween: 80,
        },
    },
});

/*==内页导航==*/
var m_page_nav_hd = new Swiper('.m_page_nav_hd .swiper-container', {
    observer: true,
    observeParents: true,
    slidesPerView: 'auto',
});

/*==企业介绍==*/
mouseenterClass(".about1",".about1_hd li",".about1_bd li");

/*==企业文化==*/
mouseenterClass(".about2_con",".about2_hd li",".about2_bd li");

/*==光辉历程==*/
var about3_bd = new Swiper('.about3_bd .swiper-container',{
    observer: true,
    observeParents: true,
    effect : 'fade',
    simulateTouch: false,
    autoHeight: true,
    navigation: {
        nextEl: '.about3_hd .swiper-button-next',
        prevEl: '.about3_hd .swiper-button-prev',
    },
    on: {
        slideChangeTransitionStart: function(){
           about3_hd.slideTo(this.realIndex, 600, false);
            $(".about3_hd .swiper-slide").eq(this.activeIndex).addClass("swiper-slide-active").siblings().removeClass("swiper-slide-active");
        },
    },
});

var about3_hd = new Swiper('.about3_hd .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 7,
    spaceBetween: 15,
    breakpoints: {
        550: {
            slidesPerView: 3,
        },
        768: {
            slidesPerView: 4,
        },
        1023: {
            slidesPerView: 5,
        },
        1100: {
            slidesPerView: 6,
        },
        
    },
    on: {
        slideChangeTransitionStart: function(){
          about3_bd.slideTo(this.realIndex, 600, false);
        },
    },
});

$(".about3_hd .swiper-slide").mouseenter(function(){
    num = $(this).index();
    $(this).addClass("swiper-slide-active").siblings().removeClass("swiper-slide-active");
    about3_bd.slideTo(num, 600, false);
});

/*==终端形象==*/
var about4_swiper = new Swiper('.about4_swiper .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 2,
    spaceBetween: 15,
    navigation: {
        nextEl: '.about4_swiper .swiper-button-next',
        prevEl: '.about4_swiper .swiper-button-prev',
    },
    breakpoints: {
        550: {
            slidesPerView: 1,
            spaceBetween: 10,
        }
    },
});

/*==品牌荣誉==*/
var about5_swiper = new Swiper('.about5_swiper .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 4,
    spaceBetween: 10,
    navigation: {
        nextEl: '.about5_swiper .swiper-button-next',
        prevEl: '.about5_swiper .swiper-button-prev',
    },
    breakpoints: {
        550: {
            slidesPerView: 1,
        },
        768: {
            slidesPerView: 2,
        },
        1199: {
            slidesPerView: 3,
        },
        
    },
});



clickClass(".pro_view2_pn2_left",".pro_view2_pn2_hd li:nth-of-type(-n+2)",".pro_view2_pn2_bd li:nth-of-type(-n+2)");

/*==专卖店加盟==*/
mouseenterClass(".join4",".join4_hd li",".join4_bd li");

mouseenterClass(".join6_con",".join6_hd li",".join6_bd li");

var m_join7_swiper = new Swiper('.m_join7_swiper .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 2,
    spaceBetween: 15,
    navigation: {
        nextEl: '.m_join7_swiper .swiper-button-next',
        prevEl: '.m_join7_swiper .swiper-button-prev',
    },
    breakpoints: {
        550: {
            slidesPerView: 1,
            spaceBetween: 10,
        },
    },
});

var join12_swiper = new Swiper('.join12_swiper .swiper-container', {
    slidesPerView: 3,
    spaceBetween : 135,
    autoplay: {
        delay: 5000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
    },
    pagination: {
        el: '.join12_swiper .swiper-pagination',
        clickable: true,
    },
    breakpoints: {
        768: {
            slidesPerView: 2,
            slidesPerGroup: 2,
            spaceBetween: 20,
        },
        920: {
            slidesPerView: 2,
            slidesPerGroup: 2,
            spaceBetween: 40,
        },
        1023: {
            slidesPerView: 3,
            slidesPerGroup: 3,
            spaceBetween: 50,
        },
        1100: {
            slidesPerView: 3,
            slidesPerGroup: 3,
            spaceBetween: 80,
        },
    },
});

/*==精装/工装==*/
mouseenterClass(".wall4_con",".wall4_hd li",".wall4_bd li");
mouseenterClass(".wall4_con",".wall4_hd li",".wall4_pic li");

clickClass(".wall10",".wall10_swiper .swiper-slide",".wall10_bd li");

var wall10_swiper = new Swiper('.wall10_swiper .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 12,
    breakpoints: {
        450: {
            slidesPerView: 3,
        },
        500: {
            slidesPerView: 4,
        },
        550: {
            slidesPerView: 6,
        },
        768: {
            slidesPerView: 8,
        },
        920: {
            slidesPerView: 10,
        },
        
    },
    navigation: {
        nextEl: '.wall10_swiper .swiper-button-next',
        prevEl: '.wall10_swiper .swiper-button-prev',
    },
});

var wall11_swiper = new Swiper('.wall11_swiper .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 4,
    spaceBetween : 30,
    slidesPerGroup: 4,
    simulateTouch: false,
    breakpoints: {
        680: {
            slidesPerView: 1,
            slidesPerGroup: 1,
        },
        1023: {
            slidesPerView: 2,
            slidesPerGroup: 2,
        },
        1240: {
            slidesPerView: 3,
            slidesPerGroup: 3,
        },
        
    },
    pagination: {
        el: '.wall11_swiper .swiper-pagination',
        clickable: true,
    },
});

mouseenterClass(".m_wall12_con",".m_wall12_hd li",".m_wall12_bd li");

/*==快速建店==*/
var shop2_bd = new Swiper('.shop2_bd .swiper-container',{
    observer: true,
    observeParents: true,
    slidesPerView: 4,
    spaceBetween : 24,
    breakpoints: {
        500: {
            slidesPerView: 1,
            spaceBetween :10,
        },
        768: {
            slidesPerView: 2,
            spaceBetween : 10,
        },
        1199: {
            slidesPerView: 3,
            spaceBetween : 15,
        },
    },
    navigation: {
        nextEl: '.shop2_bd .swiper-button-next',
        prevEl: '.shop2_bd .swiper-button-prev',
    },
});

// var shop3_swiper = new Swiper('.shop3_swiper .swiper-container',{
//     observer: true,
//     observeParents: true,
//     slidesPerView: 3,
//     spaceBetween : 30,
//     breakpoints: {
//         500: {
//             slidesPerView: 1,
//             spaceBetween :10,
//         },
//         768: {
//             slidesPerView: 2,
//             spaceBetween : 10,
//         },
//         1023: {
//             slidesPerView: 2,
//             spaceBetween : 15,
//         },
//         1199: {
//             slidesPerView: 3,
//             spaceBetween : 15,
//         },
//     },
//     navigation: {
//         nextEl: '.shop3_swiper .swiper-button-next',
//         prevEl: '.shop3_swiper .swiper-button-prev',
//     },
// });

//移动端返回顶部
$(".fixed li:nth-of-type(4)").click(function() {
    $("body,html").animate({
        scrollTop: $("body").offset().top
    },
    1000);
    return false;
});

// js判断浏览器标签页是隐藏或者显示状态
// document.addEventListener("visibilitychange", function() {
//  console.log( document.visibilityState );
//  console.log(document.hidden);
// });