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

        $visualControls.find('.paging-controls .total').text(visualNum);


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

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

			$visualControls.find('.paging-controls .cur').text(nextSlide + 1);
            //$(".main-visual-controls .controls-wrap .paging-controls .loading-bar-line").removeClass("active-item")
		})
        $visualSlide.on('afterChange', function(event, slick, currentSlide, nextSlide) {
            $("#mainVisual .main-visual-controls .progress-bar").addClass("active")
        })

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


    $(".arcodian-box").mouseover(function(){
        $(".arcodian-box").removeClass("on")
        $(this).addClass("on");
    })
    $(".arcodian-box").mouseleave(function(){
        $(".arcodian-box").removeClass("on")

    })
})