$(function(){
	mainSlide();
});


function mainSlide() {

	//height 100vh 안정화
	function resetHeight(){
		$('#main_slide .item').css('height', $(window).innerHeight());
		$('#main_slide_g').css('height', $(window).innerHeight());
	}
	window.addEventListener("resize", resetHeight);
	resetHeight();

	//main_slide
	var $mainSlide = $('#main_slide'),
		$itemLen = $('#main_slide').find('.item').length,
		$random = Math.floor(Math.random()*$itemLen),
		$mainDots = $('#main_slide_g .nav_indicator');

	var timer = setInterval(function(){
		console.log("Hello!!");
	}, 1000);	

	$mainSlide.slick({
		fade: true,
		autoplay:true,
		infinite: true,
		autoplaySpeed:8000,
		slidesToShow: 1,
		slidesToScroll: 1,
		//initialSlide:$random,
		//hover, click을 포함한 모든 focus에도 슬라이드 재생
		pauseOnHover:false,
		pauseOnFocus:false,
		cssEase:'linear',
		appendDots: $mainDots,
		dots: true,
		arrows: false,
	});

	//메인슬라이드 효과 addClass
	if(typeof $.fn.Slick === 'undefined'){
		//처음 화면 강제로 on
		//$mainSlide.find('.v'+($random+1)).addClass('on');
		$mainSlide.find('.v1').addClass('on');

		//슬라이더가 바뀌기 전에
		$mainSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide){
			//초기화
			$mainSlide.find('div[class*="v"]').removeClass('on');
			$mainSlide.find('.v'+(nextSlide+1)).addClass('on');
		});
	}




	//브랜드
	var $brandSlide = $('.brand_img_slide').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		draggable:false,
		asNavFor: '.brand_text_slide',
		autoplay:false,
	});
	$('.brand_text_slide').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		draggable:false,
		asNavFor: '.brand_img_slide',
		focusOnSelect: true,
	});
	if(typeof $.fn.Slick === 'undefined'){
		$brandSlide.find('.item').eq(0).addClass('on');
		$('.main-brand_indicator_g .item').eq(0).addClass('on');
		$brandSlide.on('beforeChange', function(event, slick, currentSlide, nextSlide){
			$brandSlide.find('.item').removeClass('on');
			$('.main-brand_indicator_g .item').removeClass('on');
			$brandSlide.find('.item').eq((nextSlide)).addClass('on');
			$('.main-brand_indicator_g .item').eq((nextSlide)).addClass('on');
		});
	}
	//인디케이터 커스텀
	$('.main-brand_indicator_g .item').on('click', function(){
		var slideNum = $(this).index();
		//클릭한 인덱스값으로 슬라이드 이동
		$brandSlide.slick('slickGoTo', slideNum);
	});
}