$(function(){
    $(".main-visual-slide").each(function  () {
        var $visualSlide = $(this);
		var $visualSlideItem = $(this).find(".main-visual-item");
		var visualNum = $visualSlideItem.length;
		var $visualPaging = $(".main-visual-paging");

        $visualPaging.find('.paging-controls .total').text("0" + visualNum);


		$visualSlide.on('init', function(event, slick) {
			$("#mainVisual .main-visual-controls .progress-bar .ing-bar").addClass("active");
		});

		$visualSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide) {	
			
			$("#mainVisual .main-visual-controls .progress-bar .ing-bar").removeClass("active");
			$(this).find(".slick-dots").find("li").eq(nextSlide).addClass("active-item"); 

			$visualPaging.find('.paging-controls .cur').text("0" + (nextSlide + 1));
		})
        $visualSlide.on('afterChange', function(event, slick, currentSlide, nextSlide) {
            $("#mainVisual .main-visual-controls .progress-bar .ing-bar").addClass("active");
        })


        $visualSlide.slick({
            slidesToShow:1,
            autoplay:true,
            infinity:true,
            autoplaySpeed:5500,
            speed:1000,
            dots: false,
            fade: true,
            arrows: true,
            pauseOnHover:false,
            prevArrow: '.main-visual-controls .prev-btn',
			nextArrow: '.main-visual-controls .next-btn',
        })
    })

    

})