Array.from(document.querySelectorAll('.magazine-slider__wrapper')).forEach(function (element) {
	var flickity = new Flickity(element, {
		cellSelector: '.magazine-slider-card',
		cellAlign: 'left',
		pageDots: false,
		draggable: document.documentElement.classList.contains("touch"),
		accessibility: true,
    prevNextButtons: false
	});

	var previousButton = element.parentNode.querySelector('.magazine-slider-control__button--previous');
	previousButton.classList.add("disabled");

	previousButton.addEventListener('click', function(event) {
    flickity.previous();

		if(flickity.selectedIndex == 0) {
			previousButton.classList.add("disabled");
		} {
			nextButton.classList.remove("disabled");
		}
  });

	var nextButton = element.parentNode.querySelector('.magazine-slider-control__button--next')

	nextButton.addEventListener('click', function(event) {
    flickity.next();

		if(flickity.selectedIndex == flickity.cells.length - 1) {
			nextButton.classList.add("disabled");
		} else {
			previousButton.classList.remove("disabled");
		}
  });

	var pagination = element.parentNode.querySelector('.magazine-slider-control__pagination'),
		bar = element.parentNode.querySelector('.magazine-slider-control__pagination-scroll');

  flickity.on('scroll', function(progress) {
    var progress = Math.max(0, Math.min(1, progress)),
     	parentWidth = pagination.offsetWidth;
    	barWidth = bar.offsetWidth;

    bar.style.left = (parentWidth - barWidth) * progress + 'px';
  });
});