document.addEventListener("DOMContentLoaded", function (e) {
	$('ul.main_slider').slick({
		fade: true,
		arrows: false,
		autoplay: true,
		autoplaySpeed : 3000,
		speed : 2000,
		dots: true,
		pauseOnHover: false,
		pauseOnFocus: false,
		lazyLoad: 'ondemand'
	});

	$('ul.main_slider li').first().addClass('animation');
	$('ul.main_slider').on('beforeChange', function(slick, currentSlide, nextSlide, currentIndex){
		$('ul.main_slider li').eq(currentIndex).addClass('animation').siblings().removeClass('animation');
	});
});