/* =========================================================
 svg
========================================================= */
$.ajax({
	type: 'get',
	url: '/assets/images/icon.svg'
}).done(function(data) {
	var svg = $(data).find('svg');
	$('body').prepend(svg);
});

$(function(){

/* =========================================================
 fade
========================================================= */
$(window).on('load', function() {
	setTimeout( function() {
		$('.sk-fading-circle').fadeOut(100);
		$('#js_fade').delay(150).fadeOut(500);
	}, 500 );
});


/* =========================================================
 current
========================================================= */
$("#gnav li a,.category-link li a").each( function() {
	var url = document.URL.split("?");
	if ( this == url[0] || this + "index.html" == url[0]) {
		$(this).addClass("current");
	}
});

var id = $("body").attr("id").replace("-page","");
var curId = "#gnav-" + id;
$(curId).each(function(){
	$(this).find("a").addClass("current");
});


/* =========================================================
 megamenu
========================================================= */
megaMenu();
var
	gnav_elm,
	menu_elm,
	menu_overlay,
	header_other;
function megaMenu() {
	gnav_elm = $('.gnav li'),
	menu_elm = $('.lnav'),
	menu_overlay = $('.lnav-ov,.head-logo,.header aside,.head-action');
	menu_overlay = $('.lnav-ov');
	menu_other = $('.lnav-ov,.head-logo,.header aside,.head-action');

	gnav_elm.hover(
		function() {
			var elm = $(this);
			gnav_elm.find("a").removeClass('is-active');
			menu_elm.removeClass('is-active');
			//assessment
			if(elm.attr('id') == 'gnav-assessment') {
				elm.find("a").addClass('is-active');
				menu_overlay.addClass('is-active');
				$('.lnav-assessment').addClass('is-active');
//			} else	if(elm.attr('id') == 'gnav-gold') {
//				elm.find("a").addClass('is-active');
//				menu_overlay.addClass('is-active');
//				$('.lnav-gold').addClass('is-active');
			} else	if(elm.attr('id') == 'gnav-industrial') {
				elm.find("a").addClass('is-active');
				menu_overlay.addClass('is-active');
				$('.lnav-industrial').addClass('is-active');
			} else	if(elm.hasClass('gnav-about')) {
				elm.find("a").addClass('is-active');
				menu_overlay.addClass('is-active');
				$('.lnav-about').addClass('is-active');
			} else {
				closeMenu()
			}
			
		}
	)
	menu_other.hover(
		function() {
			closeMenu()
		}
	)
	}
	function closeMenu() {
		menu_overlay.removeClass('is-active');
		gnav_elm.find("a").removeClass('is-active');
		menu_elm.removeClass('is-active');
	}


/* =========================================================
 accordion
========================================================= */
	$('#gnav-assessment').on('click', function() {
		$(this).find("button").toggleClass('is-open');
		$(this).find("ul").toggleClass('is-open');
});
$('#gnav-gold').on('click', function() {
	$(this).find("a").toggleClass('is-open');
	$(this).find("ul").toggleClass('is-open');
});
$('#gnav-industrial').on('click', function() {
	$(this).find("button").toggleClass('is-open');
	$(this).find("ul").toggleClass('is-open');
});
$('.gnav-about').on('click', function() {
	$(this).find("a").toggleClass('is-open');
	$(this).find("ul").toggleClass('is-open');
});


/* =========================================================
 category navi
========================================================= */
	$('.toggle-btn').on('click', function() {
		$(this).next("dd").slideToggle();
});


/* =========================================================
 sp-nav
========================================================= */
$(".menu-btn").click(function(){
	$(".menu").toggleClass("on");
	$(this).toggleClass('on');
});


/* =========================================================
pagetop
========================================================= */
$('a[href^="#"]').click(function() {
	var speed = 400;
	var href= $(this).attr("href");
	var target = $(href == "#" || href == "" ? 'html' : href);
	var position = target.offset().top;
	$('body,html').animate({scrollTop:position}, speed, 'swing');
	return false;
});

/* btn */
$(window).on('load resize', function(){
	if($('.sp-nav').is(':visible')) {	
	var ptBtn = $(".pagetop");
	$(ptBtn).hide();
	$(window).on("scroll", function() {
		if ($(this).scrollTop() > 100) {
			$('.pagetop').slideDown("fast");
		} else {
			$('.pagetop').slideUp("fast");
		}
		var scrollHeight = $(document).height(); 
		var scrollPosition = $(window).height() + $(window).scrollTop(); 
		var footHeight = $(".footer").innerHeight()+10;
		if ( scrollHeight - scrollPosition  <= footHeight ) {
			$(ptBtn).css({ "bottom": footHeight	});
		} else {
			$(ptBtn).css({"position":"fixed","bottom": "10px" });
		}
	});
	}
});


/* =========================================================
matchHeight
========================================================= */
$('.exp-list').find(".price").matchHeight();
$('.exp-list').find("figure").matchHeight();
$('.exp-list').find("h3").matchHeight();


/* =========================================================
carousel page
========================================================= */
function sliderSetting(){
  var width = $(window).width();
  if(width <= 767){
			$('.cnt-method,.cnt-shopfeature').not('.slick-initialized').slick({
				autoplay:false,
				arrows:true,
				dots:false,
				infinite:true,
			});
		}else{
					$('.cnt-method.slick-initialized').slick('unslick');
		}
}
// 初期表示時の実行
sliderSetting();
// リサイズ時の実行
$(window).resize( function() {
  sliderSetting();
});


/* =========================================================
tab
========================================================= */
//tab切り替え
$('.tab-btn').click(function(){
	//セレクタ設定
	var thisElm = $(this);
	var thisTabWrap = thisElm.parents('.tab-wrap');
	var thisTabBtn = thisTabWrap.find('.tab-btn');
	var thisTabContents = thisTabWrap.find('.tab-cnt');
	//current class
	var currentClass = 'current';
	//tab-list current 切り替え
	thisTabBtn.removeClass(currentClass);
	thisElm.addClass(currentClass);
	//クリックされた tabが何番目か取得
	var thisElmIndex =  thisTabBtn.index(this);
	//js-tab-contents 切り替え
	thisTabContents.removeClass(currentClass);
	thisTabContents.eq(thisElmIndex).addClass(currentClass);
});


/* =========================================================
home page
========================================================= */
if($('body').is('#home-page')){
// mv
	$('.slide').slick({
		autoplay:true,
		autoplaySpeed:5000,
		arrows:false,
		dots:true,
	});
	$('.faq-list h3').on("click" , function() {
		$(this).next('.article-inner').slideToggle();
		$(this).toggleClass("on");
	});
	$('#cnt-update .info-list').matchHeight();
} /* if body end */


/* =========================================================
assessment page
========================================================= */
if($('body').is('#assessment-page')){
function estimate(){
	var type = $('#type').val();
	var gram = $('#gram').val();
//	if(!gram){
//			$('#gram').val('');
//			return false;
//		};
	var total = type*gram;
	var total = total.toFixed();
	var total = String(total).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,' );
	$('#total').text(total);
}

	$("#type").change(function() {
		estimate();
	});
	$("#gram").keyup(function(){
		estimate();
	});
	
	$('.scroll').jScrollPane();
} /* if body end */

	
/* =========================================================
industrial page
========================================================= */
if($('body').is('#industrial-page')){
	$('.scroll').jScrollPane();
} /* if body end */

if($('body').is('#industrial-page')){
	// mv
		$('.slide').slick({
			autoplay:true,
			autoplaySpeed:5000,
			arrows:false,
			dots:true,
		});
		$('.faq-list h3').on("click" , function() {
			$(this).next('.article-inner').slideToggle();
			$(this).toggleClass("on");
		});
		$('#cnt-update .info-list').matchHeight();
	} /* if body end */

	
/* =========================================================
flow page
========================================================= */
if($('body').is('#flow-page,#gold-page')){
	//3type method tab
	$('ul.tab li').click(function() {
		var index = $('ul.tab li').index(this);
		$('.box-cnt').css('display','none');
		$('.box-cnt').eq(index).fadeIn();
		$('.tab li').removeClass('select');
		$(this).addClass('select');
	});

	//ダイレクトリンク
	var hash = location.hash;	
	hash = (hash.match(/^#tab\d+$/) || [])[0];
	if($(hash).length){
		var tabname = hash.slice(1) ;
	} else{
	var tabname = "tab1";
	}
	$('.box-cnt').css('display','none');
	$('.tab li').removeClass('select');
	var tabno = $('ul.tab li#' + tabname).index();
	$('.box-cnt').eq(tabno).fadeIn();

	$('ul.tab li').eq(tabno).addClass('select');

}


/* =========================================================
golds page
========================================================= */
if($('body').is('#golds-page,#silver-buy-page,#pt-buy-page,#pd-buy-page,#gold-coin-buy-page,#silver-sell-page,#pt-sell-page,#gold-coin-sell-page')){
	//scroll
	$('.scroll').jScrollPane();

	//hide/view
 $('[name="send_add"]:radio').change(function() {
  $(".other-add").hide();
  if ($("input:radio[name='send_add']:checked").val() == "別の住所へ送る") {
   $('.other-add').show();
  } else if($("input:radio[name='send_add']:checked").val() == "上記住所へ送る") {
   $("input[name='other_zip']").val("");
   $("input[name='other_zip1']").val("");
   $("select[name='other_pref']").val("0");
   $("input[name='other_addr']").val("");
   $("input[name='other_town']").val("");
  }
 }).trigger('change'); 
}


/* =========================================================
form page
========================================================= */
	$( '#pref option[value=""],#other_pref option[value=""]' )	.html( '都道府県選択' );
	$( '.time option[value=""]' )	.html( '時間選択' );

$(".mwform-radio-field input[type='radio'],.mwform-checkbox-field input[type='checkbox']").change(function(){
  $("input[type='radio'][name='"+ $(this).attr("name")+ "'],input[type='checkbox'][name='"+ $(this).attr("name")+ "']").each(function(){
    if($(this).is(":checked")){
      $(this).parent("label").addClass("selected");
    }else{
      $(this).parent("label").removeClass("selected");
    }
  });
});

$(window).on('load', function() {
  $("input[type='radio'],input[type='checkbox']").each(function(){
				if($(this).is(":checked")){
      $(this).parent("label").addClass("selected");
    }
  });
});

	if ( $('.mw_wp_form .error')[0] ) {
	$(".mw_wp_form").addClass("mw_wp_form_error");
}else {
	$(".mw_wp_form").removeClass("mw_wp_form_error");
}

/* =========================================================
Knowledgelist page
========================================================= */
var itemHeights = []; //
	
  $(".grad-item").each(function(){ //ターゲット(縮めるアイテム)
    var thisHeight = $(this).height(); //ターゲットの高さを取得
    itemHeights.push(thisHeight); //それぞれの高さを配列に入れる
    $(this).addClass("is-hide"); //CSSで指定した高さにする
  });

$(".grad-trigger").click(function(){
  var index = $(this).index(".grad-trigger"); //トリガーが何個目か
  var addHeight = itemHeights[index]; //個数に対応する高さを取得
  $(this).fadeOut().addClass("is-show").next().animate({height: addHeight},200).removeClass("is-hide"); //高さを元に戻す
});
	
}); // end


$(window).on('load',function(){

    setTimeout(function(){
$('#top_nav001').fadeIn(500); 
},100);
});