$(function(){

	//이메일 변경
	$("#change_email").click(function(){
		thisval = $(this).val();
		$('#i_email2').val(thisval);
	});

	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_name').val() == ""){
		alert('Please enter your name.');
		$('#i_incharge').focus();
		return false;
	}
	
	if ($('#i_email1').val() == ""){
		alert('Please enter your email.');
		$('#i_email1').focus();
		return false;
	}
	if ($('#i_email2').val() == ""){
		alert('Please enter your email.');
		$('#i_email2').focus();
		return false;
	}
	if ($("input:radio[name='radio1']").is(":checked") === false){
		alert('Please check topic.');
		$('#i_t1').focus();
		return false;
	}
	if ($('#i_content').val() == ""){
		alert('Please enter a message.');
		$('#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);
	}
}