carousel responsive - using bxslider

carousel responsive - using bxslider

<!--
<ul class="carousel-block">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>...</li>
</ul>
-->

<script type="text/javascript">
/*!
 * Responsive Carousel Slide
 * Author: kien.hnaptech@gmail.com
 * Powered by Jquery & Bxslider
 */
jQuery(document).ready(function($) {

    var firstItemNumber;
        carouselItemMaxWidth = 5000; // Insert Random Number > Max Width Of Item
        carouselMoveSlides = 1;
        carouselSelector = ".cart-favourites";
        carouselTotalItem = $(carouselSelector).find(" > li").size();
    var slider = $(carouselSelector).bxSlider();

    if($(window).width() > 1279){
        firstItemNumber = 12 ;
    }
    if($(window).width() < 1280){
        firstItemNumber = 8 ;
    }
    if($(window).width() < 960){
        firstItemNumber = 6 ;
    }
    if($(window).width() < 641){
        firstItemNumber = 2 ;
    }


    if(carouselTotalItem >= firstItemNumber){
        $(carouselSelector).removeClass("carousel-destroy-style");
        slider.reloadSlider({
            adaptiveHeight: true,
            touchEnabled:   true,
            controls:       true,
            pager:          false,
            auto:           false,
            autoHover:      false,
            maxSlides:      firstItemNumber,
            minSlides:      firstItemNumber,
            moveSlides:     carouselMoveSlides,
            slideWidth:     carouselItemMaxWidth
        });
    }else{
        slider.destroySlider();
        $(carouselSelector).addClass("carousel-destroy-style").removeAttr("style").find(" > li").removeAttr("style");
    }

    jQuery(window).resize(function() {
        carouselListReloadInit();
    });

    function carouselListReloadInit(){
        if($(window).width() > 1279){
            carouselOptionReload(12,carouselMoveSlides,carouselItemMaxWidth);
        }
        if($(window).width() < 1280){
            carouselOptionReload(8,carouselMoveSlides,carouselItemMaxWidth);
        }
        if($(window).width() < 960){
            carouselOptionReload(6,carouselMoveSlides,carouselItemMaxWidth);
        }
        if($(window).width() < 641) {
            carouselOptionReload(2,carouselMoveSlides,carouselItemMaxWidth);
        }
    }

    function carouselOptionReload(minMaxItem,moveItem,itemMaxWidth){
        if(carouselTotalItem >= minMaxItem){
            $(carouselSelector).removeClass("carousel-destroy-style");
            slider.reloadSlider({
                adaptiveHeight: true,
                touchEnabled:   true,
                controls:       true,
                pager:          false,
                auto:           false,
                autoHover:      false,
                maxSlides:      minMaxItem,
                minSlides:      minMaxItem,
                moveSlides:     moveItem,
                slideWidth:     itemMaxWidth
            });
        }else{
            slider.destroySlider();
            $(carouselSelector).addClass("carousel-destroy-style").removeAttr("style").find(" > li").removeAttr("style");
        }
    }

});

</script>