$(function(){

	//이메일 변경
/*	$("#change_email").click(function(){
		thisval = $(this).val();
		$('#i_email2').val(thisval);
	});*/
	$('#change_email').change(function(){
		
			$("#change_email option:selected").each(function () {
			
			if($(this).val()== ''){ 
				 $("#i_email2").val(''); 
				 $("#i_email2").attr("disabled",false).removeClass('act'); 
			}else{ //직접입력이 아닐경우
				 $("#i_email2").val($(this).text());
				 $("#i_email2").attr("disabled",true).addClass('act');
			}
		});
	});

	fbUpload();
	selectBox();
	m15();
	m20_view();
	subTab();
});

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

	$('.m15 button').on('click', function(){
		var Pos = $(this).attr('class');
		$('.m15 .tab_nav li').removeClass('on');
		$(this).parent().addClass('on');
		gsap.to(window, {duration: .8, scrollTo : { y : '#'+Pos , offsetY : 160}, ease : "power2" });
	});
}

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

	$(document).on('click',' #bg, .close', function () {
		$('#slidePopup').hide();
		$('#bg').fadeOut();
		$('.pop-slide').slick('unslick');
	});

	$('.product_view .fb_g .img').on('click', function(){
		$('#slidePopup').show();
		$('#bg').show();
		var $popSlide = $('.pop-slide').slick({
			dots: false,
			prevArrow: $('.prev'),
			nextArrow: $('.next'),
		});
		var slickIndex = $(this).parent().index();
		$popSlide.slick('slickGoTo', slickIndex);
	});
}

function formCheck() {
	// 폼체크
	if ($("#i_privacy").is(":checked") === false){
		alert('이용약관에 동의해주세요.');
		$('#i_privacy').focus();
		return false;
	}
	if ($('#i_company').val() == ""){
		alert('업체명을 입력해주세요.');
		$('#i_company').focus();
		return false;
	}
	if ($('#i_incharge').val() == ""){
		alert('담당자를 입력해주세요.');
		$('#i_incharge').focus();
		return false;
	}
	if ($('#i_email1').val() == ""){
		alert('이메일을 입력해주세요.');
		$('#i_email1').focus();
		return false;
	}
	if ($('#i_email2').val() == ""){
		alert('이메일을 입력해주세요.');
		$('#i_email2').focus();
		return false;
	}
	if ($('#i_tel1').val() == ""){
		alert('전화번호를 입력해주세요.');
		$('#i_tel1').focus();
		return false;
	}
	if ($('#i_tel2').val() == ""){
		alert('전화번호를 입력해주세요.');
		$('#i_tel2').focus();
		return false;
	}
	if ($('#i_tel3').val() == ""){
		alert('전화번호를 입력해주세요.');
		$('#i_tel3').focus();
		return false;
	}
	if ($('#i_title').val() == ""){
		alert('제목을 입력해주세요.');
		$('#i_title').focus();
		return false;
	}
	if ($('#i_content').val() == ""){
		alert('문의내용을 입력해주세요.');
		$('#i_content').focus();
		return false;
	}
}

function fbUpload() {
	//파일선택
	var fileTarget = $('.filebox .upload-hidden');

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

function selectBox() {
	//셀렉트박스
	$('.select_layout').find('.select_title').on('click', function(){
		$(this).parent().toggleClass('on');
		$(this).parent().find('.list').stop().slideToggle(300);
	});
	$('.select_layout').find('li').on('click', function(){
		var hidden = $(this).data('option'),
			titleName = $(this).text();

		$(this).parent().parent().find('.select_hidden').val(hidden);
		$(this).parent().parent().find('.select_title').text(titleName);

		//셀렉트박스 자동 닫기
		$(this).parent().parent().removeClass('on');
		$(this).parent().hide();
	});
}

function subTab() {
	// page header 스크롤
	var pageList = '.js-page-list';
	var pageListFadeEl = '.js-scroll-fade';
	var pageListItem = '.u-page-list__item';

	$(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');
		} else {
		  $(this).siblings(pageListFadeEl).removeClass('is-hide');
		}
	});

	if($(pageListItem).hasClass('active') === true){
		var activeWidth = $('.u-page-list__item.active').width();
		var activeOffset = $('.u-page-list__item.active').offset().left;
		$(pageList).animate({
			scrollLeft: activeOffset - activeWidth
		}, 300);
	}
}