<?php

$GLOBALS['TL_CSS'][] = '/system/modules/eSM_slick/assets/lib/slick/'.$GLOBALS['TL_ASSETS']['SLICKSLIDER'].'/css/slick.css';
$GLOBALS['TL_CSS'][] = '/system/modules/eSM_slick/assets/lib/slick/'.$GLOBALS['TL_ASSETS']['SLICKSLIDER'].'/css/slick-theme.css';

?>

<script src="/system/modules/eSM_slick/assets/lib/slick/<?= $GLOBALS['TL_ASSETS']['SLICKSLIDER'] ?>/js/slick.min.js"></script>

<script>
    (function($) {
        $(".ce_slickSliderStart").each(function(i, cte) {
            var s = $('.slick-slider-wrapper', cte)[0],
                c = s.getAttribute('data-config').split(',');

            $(s).slick({
                dots:  (parseInt(c[6]) == 1 ? true : false),
                arrows:  (parseInt(c[5]) == 1 ? true : false),
                infinite: (parseInt(c[4]) == 1 ? true : false),
                pauseOnHover: (parseInt(c[7]) == 1 ? true : false),
                fade: (parseInt(c[8]) == 1 ? true : false),
                autoplay: (parseInt(c[0]) > 0 ? true : false),
                autoplaySpeed: parseInt(c[0]),
                speed: parseInt(c[1]),
                initialSlide: parseInt(c[2]),
                lazyLoad: c[3],
                cssEase: 'linear',
                adaptiveHeight: true
            });
        });
    })(jQuery);
</script>