window.onload = function() {
    bindEvent();
}

function bindEvent() {
    // 婊戝姩浜嬩欢
    var introImgs = document.querySelector('.com_intro_images');
    changeSlideEvent(introImgs);
    // resizeHonorText();
    // 椤堕儴杞挱
    var mySwiper = new Swiper('.banner_swiper', {
        pagination: '.swiper-pagination',
        loop: true,
        autoplay: 3000,
        autoplayDisableOnInteraction: false,
        // prevButton:'.swiper-button-prev',
        // nextButton:'.swiper-button-next'
    });
    // 鑽ｈ獕璧勮川杞挱
    var honorSwiper = new Swiper('.honor_box', {
        loop: true,
        autoplay: false,
        speed: 550,
        autoplayDisableOnInteraction: false,
        slidesPerView:'auto',
        slidesPerGroup: 1,
        onInit: function() {
            resizeHonorText();
        }
    });
    // 鎴樼暐鍚堜綔杞挱
    var coopSwiper = new Swiper('.coop_container', {
        loop: true,
        autoplay: 2500,
        speed: 550,
        autoplayDisableOnInteraction: false,
        slidesPerView: 4,
        slidesPerGroup: 1,
        // onInit:
    });

    //鑽ｈ獕璧勮川棰勮鏁堟灉
    $('.honor_box .img_box img').click(function() {
        var imgUrl = $(this).attr('src');
        previewHonorImg(imgUrl);
    });
}


// 棰勮杞挱鍥剧墖浜嬩欢
function previewHonorImg(imgUrl) {
if($('.honor_modal_box')) {
    $('.honor_modal_box').remove();
}

var honorStr = '<div class="honor_modal_box"><div class="honor_modal_content"><img src="' + imgUrl + '" alt=""></div></div>';
$('body').append(honorStr);

setTimeout(function() {
    $('.honor_modal_box').addClass('show');
}, 200);


$('.honor_modal_box').click(function() {
    $('.honor_modal_box').removeClass('show');
})
}

// 閲嶇疆鑽ｈ獕璧勮川鏂囨闀垮害
function resizeHonorText() {
    var slides = document.querySelectorAll('.honor_box .swiper-slide');
    for(var i=0; i<slides.length; i++) {
        var thisLength = slides[i].querySelector('.img_box').clientWidth;
        var thisP = slides[i].querySelector('p');
        thisP.style.width = thisLength + 'px';
        // console.log(thisLength);
        thisP.style.display = 'block';
    }
}


// var comIntroContent = document.querySelector('.com_intro_content');
// 鎺у埗绔栨帓鏂囧瓧瀹藉害
// function changeWidth() {
//     // 鎺у埗鏂囧瓧鏄剧ず琛屾暟
//     var n = Math.floor ((comIntroContent.clientWidth - 7) / 20);
//     resultWidth = 20 * n + 7;
//     comIntroContent.style.width = resultWidth + 'px';
// }
// changeWidth();

// window.onresize = function(){
//     comIntroContent.style.width = '43%';
//     changeWidth();
// }