var bm = bm || {};



//$('.slick-container').slick();
$('.slick-container').each(function() {
    var $self = $(this);
    var observer = $('[data-observer="'+$self.data('observer')+'"]');
    $self.on('init', function(slick) {
        bm.sliderObserver().init(observer, 0);
        $(window).trigger('content.changed');
    });
    $self.on('reinit setPosition', function(slick) {
        $(window).trigger('content.changed');
    });
    $self.on('beforeChange', function(event,slick, currentSlide, nextSlide) {
        bm.sliderObserver().changed(observer, nextSlide);
    });

    $self.on('change.bm.sliderObserver', function(event) {
        $self.slick('slickGoTo', event.slideNr);
    })
    $self.slick({
        prevArrow: '<div class="slick-prev slider-arrow slider-arrow--prev"><svg class=" js-svg-replace img-responsive btn-arrow btn-arrow--prev"  data-src="/typo3conf/ext/bm_frontend/Resources/Public/Assets/Images/btn_arrow-prev--blank.svg" /></div>',
        nextArrow: '<div class="slick-next slider-arrow slider-arrow--next"><svg class=" js-svg-replace img-responsive btn-arrow btn-arrow--next"  data-src="/typo3conf/ext/bm_frontend/Resources/Public/Assets/Images/btn_arrow-next--blank.svg" /></div>'
    });
});

$('.nordsee-slick-slider--default').slick({
    slidesToShow: 1,
    prevArrow: '<div class="container"><div class="slick-prev">Prev</div></div>',
    nextArrow: '<div class="container"><div class="slick-next">Next</div></div>'
});