jQuery(function($){
	/* *********************** 메인 비주얼 ************************ */
	// 임의의 영역을 만들어 스크롤바 크기 측정
	function getScrollBarWidth(){
		if($(document).height() > $(window).height()){
			$('body').append('<div id="fakescrollbar" style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"></div>');
			fakeScrollBar = $('#fakescrollbar');
			fakeScrollBar.append('<div style="height:100px;">&nbsp;</div>');
			var w1 = fakeScrollBar.find('div').innerWidth();
			fakeScrollBar.css('overflow-y', 'scroll');
			var w2 = $('#fakescrollbar').find('div').html('html is required to init new width.').innerWidth();
			fakeScrollBar.remove();
			return (w1-w2);
		}
		return 0;
	}

	// 메인 비주얼 높이값 설정
	$("#mainVisual.full-height").each(function  () {
		scrollWidth = getScrollBarWidth();
		var win_width = $(window).outerWidth() + getScrollBarWidth();
		var visual_height = $(window).height()	- $("#productQuickMenuCon").height();
		
		
		if ( win_width > 800 ) {
			$("#mainVisual").height(visual_height);
		}else {
			$("#mainVisual").css("height","auto");
		}
		$(window).resize(function  () {
			var win_width = $(window).outerWidth() + getScrollBarWidth();

			var visual_height = $(window).height()	- $("#productQuickMenuCon").height();

			if ( win_width > 800 ) {
				$("#mainVisual").height(visual_height);
			}else {
				$("#mainVisual").css("height","auto");
			}
		});
	});
	var $mainVisual = $(".main-visual-con");

	// 메인 비주얼 zoom-out 효과
	$mainVisual.on('init', function(event, slick) {
		$(".main-visual-item").eq(0).addClass("active-item");
	});
	$mainVisual.on('afterChange', function(event, slick, currentSlide){
        $(".main-visual-item").removeClass("active-item");
		$(this).find(".main-visual-item").eq(currentSlide).addClass("active-item")
    });

	// 메인 비주얼 슬라이드
	$('.main-visual-con').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		dots:true,
		autoplay: true,
		speed:2000,
		infinite:true,
		autoplaySpeed: 4000,
		easing: 'easeInOutQuint',
		pauseOnHover:false
	});
	
 
});