$(function(){
	stickyJs();
	tabsJs();
	m11();
	m12();
	m20();
	m52();
	m63();

	//$(".cate2>li").click(function(){
		//$("html, body").animate({ scrollTop: 500 }, 500);
	//});
});


function stickyJs() {
	$(".sticky").sticky({topSpacing:0, zIndex:100});
}


function tabsJs() {

	$(".tab_list_wrap li").click(function(){
		var tabNum = $(this).index()+1;

		$(".tab_list_wrap li").removeClass("on");
		$(this).addClass("on");
		$(".m00 .contents [class*=con-]").hide();
		$(".m00 .contents .con-"+tabNum).show();
	});

		windowSize = $(window).width();
		if(windowSize < 767){
			$(document).on('click', '.directions .contents [class*=con-]', function(e){
				$(this).toggleClass("act");
				if($(this).hasClass('act')){
					$(this).find(".list_wrap").stop(true,true).slideDown(300, "easeInSine");
				}else{
					$(this).find(".list_wrap").stop(true,true).slideUp(300, "easeInSine");
				}
				$(this).siblings().removeClass("act");
				$(this).siblings().find(".list_wrap").stop(true,true).slideUp();
			});
			$('.m16 .directions .contents .list_wrap').slideUp();

		}else{
			$('.directions .contents [class*=con-]').removeClass("act");
		}
}

function m11(){
	if(!$('#main').hasClass('m11')) return;
	
	$('.img_slider').slick({
		fade: true,
		speed: 500,
		slidesToShow: 1,
		slidesToScroll: 1,
		infinite: false,
		asNavFor: '.text_wrap',
		prevArrow: $('.slide_navigation1').find('.prev'),
		nextArrow: $('.slide_navigation1').find('.next'),
	});

	$('.text_wrap').slick({
		fade: true,
		speed: 500,
		slidesToShow: 1,
		slidesToScroll: 1,
		infinite: false,
		adaptiveHeight: true,
		asNavFor: '.img_slider',
		prevArrow: $('.slide_navigation1').find('.prev'),
		nextArrow: $('.slide_navigation1').find('.next'),
	});
}

function m12(){
	if(!$('#main').hasClass('m12')) return;

	$(document).ready(function(){
		$(window).scroll(function(e){
			e.stopPropagation();
			var activeOffset = $(".tab_wrap li.on").offset().left;
			var $section = $(".m00 section");
			var $thisTop = $(this).scrollTop();
			$section.each(function(index){
				var sectionTop = $("#group-"+(index+1)).offset().top;
				var sectionHeight = $("#group-"+(index+1)).height();
				if($thisTop >= sectionTop && sectionTop + sectionHeight > $thisTop){
					$(".tab_wrap li").removeClass("on");
					$(".tab_wrap li:eq("+ index + ")").addClass("on");
				}
			});
		});
		$(".tab_wrap li").on('click', function(){
			var index = $(this).index();
			var sectionTop = $("#group-"+(index+1)).offset().top;
			$("html, body").animate({
				scrollTop: sectionTop
			}, 500, function() {
				$(".tab_wrap li").removeClass("on");
				$(".tab_wrap li").eq(index).addClass("on");
				var activeWidth = $(".tab_wrap li.on").width();
				var activeOffset = $(".tab_wrap li.on").offset().left;
				$('.tab_wrap').stop(true).animate({
					scrollLeft: activeOffset - activeWidth
				}, 500);
			});
		});
	});
}


function m20(){
	if(!$('#main').hasClass('m20')) return;
	
	$('.cate_list').slick({
		speed: 500,
		slidesToScroll : 8,
		variableWidth: true,
		infinite: false,
		prevArrow: $('.slide_navigation').find('.prev'),
		nextArrow: $('.slide_navigation').find('.next'),
	});

	$('.prd_slider').slick({
		speed: 500,
		infinite: false,
		prevArrow: $('.img_navigation').find('.prev'),
		nextArrow: $('.img_navigation').find('.next'),
	});
}


function m52(){
	if(!$('#main').hasClass('m52')) return;

	var uploadFile = $('.file_box .file_upload');
		uploadFile.on('change', function(){
		if(window.FileReader){
			var filename = $(this)[0].files[0].name;
		} else {
			var filename = $(this).val().split('/').pop().split('\\').pop();
		}
		$(this).siblings('.file_name').val(filename);
	});
}



function m63(){
	$(document).on("click",".faq_list_wrap .group",function(e){
		$(this).toggleClass("act");
		if($(this).hasClass("act")){
			$(this).find(".view").stop(true,true).slideDown(300, "easeInSine");
		}else{
			$(this).find(".view").stop(true,true).slideUp(300, "easeInSine");
		}
		$(this).siblings().removeClass("act");
		$(this).siblings().find(".view").stop(true,true).slideUp();
	});
}