FSB.about = {
    init: function () {
        this.initHistoryCarousel();
        this.initQualitySwiper();
    },
    initQualitySwiper: function() {
        FSB.about.qualitySwiper = new Swiper ('#quality-system-swiper', {
            loop: true,
            paginationClickable: true,
            pagination: '#quality-system-swiper .swiper-pagination'
        })
    },
    initHistoryCarousel: function() {
        FSB.about.historySwiper = new Swiper ('#about-history-swiper', {
            onSlideChangeEnd: function(swiper) {
                $('#about-history-section .menu li.active').removeClass('active');
                $('#about-history-section .menu li').eq(swiper.activeIndex).addClass('active');
            }
        })

        var currIndex = 0;
        $('#about-history-section .menu li').eq(0).addClass('active');

        $('#about-history-section .menu li').click(function() {
            if ( currIndex !== $(this).index() ) {
                $('#about-history-section .menu li.active').removeClass('active');
                $(this).addClass('active');
                FSB.about.historySwiper.slideTo($(this).index());
            };
            currIndex = $(this).index();
        })
    }
}