function commonJs() {
	$(".toggle").click(function(){
		if($(this).hasClass("active")){
			$("html, body").css({"overflow":"hidden", "height":"100%"});
			$("#bg").bind("touchmove", function(e) {
				e.preventDefault();
			});
		}else{
			$("html, body").css({"overflow":"auto", "height":"auto"});
			$("#bg").unbind('touchmove');
		}
	});
	/* scroll */
	var $animation_elements = $('.ani');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);

	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight();
		var element_top_position = $element.offset().top+200;
		var element_bottom_position = (element_top_position + element_height);
		//console.log(element_top_position);

		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
		  (element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');
		} else {
		 //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');

}

function subTabJs(){

	var x,y,top,left,down;

	$(".sub_tab_wrap ul").mousedown(function(e){
		e.preventDefault();
		down = true;
		x = e.pageX;
		left = $(this).scrollLeft();
	});
	$("body").mousemove(function(e){
		if(down){
			var newX = e.pageX;
			$(".sub_tab_wrap ul").scrollLeft(left - newX + x);    
		}
	});
	$("body").mouseup(function(e){down = false;});
	// 서브 탭 스크롤
	var pageList = ".sub_tab_wrap ul";
	var pageListFadeEl = ".scroll_fade";
	var pageListItem = ".sub_tab_wrap ul li";

	$(pageList).on("scroll", function() {
		console.log($(this)[0].offsetWidth);
		var scrollLeft = $(this).scrollLeft();
		var pageListWidth = $(this)[0].scrollWidth - $(this)[0].offsetWidth;

		if(scrollLeft === pageListWidth){
			$(this).siblings(pageListFadeEl).addClass('is-hide');
			//alert("aa")
		} else {
			$(this).siblings(pageListFadeEl).removeClass('is-hide');
		}
	});

	if($(pageListItem).hasClass("on") === true){
		var activeWidth = $(".sub_tab_wrap ul li.on").width();
		var activeOffset = $(".sub_tab_wrap ul li.on").offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}
}


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


function subTabMotionJs() {
	

  $(function() {
	$(document).on("scroll", scroll);

	menu = $('.sticky .sub_tab li a');

	menu.on('click', function() {
		$(document).off("scroll");
		var id = $(this).attr('href'),
		target = this.hash;
		menu.parents("li").removeClass('on'); 
		$(this).parents("li").addClass('on');
		$('html, body').animate({ scrollTop: $(id).offset().top }, {
			duration: 500, 
			complete: function() {
				$(document).on("scroll", scroll);
			}
		});
		return false;
	});
});
	function scroll(event){
		var scrollPos = $(document).scrollTop();
		menu.each(function () {
			var currLink = $(this);
			var refElement = $(currLink.attr("href"));
			if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
				menu.parents("li").removeClass("on");
				currLink.parents("li").addClass("on");
				console.log(currLink);
			}
			else{
			}
		});
	}
}

function tabsJs() {

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

		$("#tabs ul li").removeClass("on");
		$(this).addClass("on");
		$(".m00 .contents_wrap").hide();
		$(".m00 .con"+tabNum).show();
	});
}

function m41(){
	if(!$('#main').hasClass('m41')) return;
	$(window).resize(function (){
		widthSize = $(window).width();
		if(widthSize < 1279){
			j = 1;
			totalchk = 3;
		}else{
			j = 1;
			totalchk = 3;
		}


	}).resize();
	var $status = $('.slide_paging');
	var $slickElement = $('.section03 .list_wrap')
	k = 0;
	$slickElement.on('init reInit afterChange', function (event, slick, index, currentSlide, nextSlide) {
	  //currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
	  var i = (currentSlide ? currentSlide : 0) + 1;
	  dataIndex = $(".slick-current").attr("data-slick-index");

	  if(dataIndex<totalchk){
	  }else{
	  }
	  if(Math.ceil(slick.slideCount/j)<10){
	  }else{
	  }
	  $status.text((slick.currentSlide/j+1) + ' / ' + Math.ceil(slick.slideCount/j));
	});
	
	if($(window).width() <= 1500){
		$('.section03 .list_wrap').slick({
			slidesToShow:1,
			slidesToScroll:1,
			variableWidth: true,
			infinite:false,
			adaptiveHeight: true,
			prevArrow: $('.section03 .slide_navigation').find('.prev'),
			nextArrow: $('.section03 .slide_navigation').find('.next'),
			responsive: [
			{
			  breakpoint: 767,
			  settings: {
				variableWidth: false,
			  }
			},
			]
		});
	}

	$(window).on('resize', _.debounce(function() {
		if($(window).width() <= 1500){
			$('.section03 .list_wrap').slick({
				slidesToShow:1,
				slidesToScroll:1,
				variableWidth: true,
				infinite:false,
				adaptiveHeight: true,
				prevArrow: $('.section03 .slide_navigation').find('.prev'),
				nextArrow: $('.section03 .slide_navigation').find('.next'),
				responsive: [
				{
				  breakpoint: 767,
				  settings: {
					variableWidth: false,
				  }
				},
				]
			});
		}else{
			$('.section03 .list_wrap').slick('unslick');
		}
	}, 200));
	

}

/*m51 form*/
function inquiryCheck(){

	if(!$('#main').hasClass('m51')) return;

	if ($('.inquiry_form_wrap .radio_btn:checked').length == 0){
		alert("'문의유형'을 선택해 주세요.");
		$('.inquiry_form_wrap .radio_btn').focus();
		return false;
	}
	if ($('.inquiry_form_wrap #i_name').val() == ""){
		alert("이름을 입력해주세요.");
		$('.inquiry_form_wrap #i_name').focus();
		return false;
	}
	if ($('.inquiry_form_wrap #i_tel1').val() == "" || $('.inquiry_form_wrap #i_tel2').val() == "" || $('.inquiry_form_wrap #i_tel3').val() == ""){
		alert("전화번호를 입력해주세요.");
		$('.inquiry_form_wrap #i_tel1').focus();
		return false;
	}
	if ($('.inquiry_form_wrap #i_email1').val() == "" || $('.inquiry_form_wrap #i_email2').val() == ""){
		alert("이메일을 입력해주세요.");
		$('.inquiry_form_wrap #i_email1').focus();
		return false;
	}
	if ($('.inquiry_form_wrap #i_company').val() == ""){
		alert("회사명을 입력해주세요.");
		$('.inquiry_form_wrap #i_company').focus();
		return false;
	}
	if ($('.inquiry_form_wrap #i_contents').val() == ""){
		alert("문의내용을 입력해주세요.");
		$('.inquiry_form_wrap #i_contents').focus();
		return false;
	}
};

function m51(){
	 function inNumber(){
        if(event.keyCode<48 || event.keyCode>57){
           event.returnValue=false;
        }
    }
	$('#i_email3').change(function(){
		$("#i_email3 option:selected").each(function () {
			
			if($(this).val()== ''){ 
				 $("#i_email2").val(''); 
				 $("#i_email2").attr("readonly",false).removeClass('act'); 
			}else{ //직접입력이 아닐경우
				 $("#i_email2").val($(this).text());
				 $("#i_email2").attr("readonly",true).addClass('act');
			}
		});
	});
};

$(function(){
	commonJs();
	subTabJs();
	stickyJs();
	tabsJs();
	m41();
	m51();
});