$(document).ready(function() { 

    var swiperReviews = new Swiper(".reviews__slider", {
        slidesPerView: 1,
        spaceBetween: 20,
        speed: 1000,
        autoplay: {
          delay: 5000,
        },
        breakpoints: {
            1024: {
                slidesPerView: 3
            }
        },
        navigation: {
            nextEl: ".swiper-button-next-r",
            prevEl: ".swiper-button-prev-r",
        },
    });

    
    $('.read-more').on('click', function() {
        
        $(this).parent().toggleClass('reviews__slider-item-text--opened')
        
        const innerText = $(this).parent().find('.inner-text')
        const dots = $(this).parent().find('.dots')
        const button = $(this)
        
        const readMoreText = $(this)[0].dataset.readmore
        const readLessText = $(this)[0].dataset.readless
        
        if ($(this).parent().hasClass('reviews__slider-item-text--opened')) {
            
            dots.css('opacity', 0);
            dots.css('display', 'none')
            
            innerText.css('opacity', 0);
            innerText.css('display', 'inline');
            
            button.css('opacity', 0);
            button.html(readLessText)
            
            setTimeout(function() {
                 innerText.css('opacity', 1);
                 button.css('opacity', 1);
            }, 0)
            
        } else {
            innerText.css('opacity', 0)
            
            button.css('opacity', 0);
            
            $(this).html(readMoreText)
            
            setTimeout(function() {
                innerText.css('display', 'none')
                
                dots.css('opacity', 1);
                dots.css('display', 'inline')
                
                button.css('opacity', 1);
            }, 500)
        }
 
    })  

    var swiper = new Swiper ('.swiper-products', {
        slidesPerView: 1,
        watchOverflow: true,       
        speed: 1000,
        autoplay: {
          delay: 5000,
        },
        loopedSlides: 1,
        noSwipingClass: 'do_not_swipe',
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        breakpoints: {
            480: {
                slidesPerView: 2
            },
            768: {
                slidesPerView: 3
            },
            960: {
                slidesPerView: 4
            }
        },
    })

    $(".swiper-products").hover(function() {
        (this).swiper.autoplay.stop();
    }, function() {
        (this).swiper.autoplay.start();
    });
     $(".swiper-products").hover(function() {
        if ($('#select2-drop-mask').is(':visible')) {
        swiper.autoplay.stop();
        } else {
        swiper.autoplay.start();
    }}
    )})