// JavaScript Document
"use strict";

// スムーズスクロール
$(document).ready(function(){
	$('a[href^="#"]').on('click', function(){
		var speed = 400;
		var href = $(this).attr('href');
		var target = $(href == '#' || href == '' ? 'html' : href);
		var offset = target.offset().top;
		$('body,html').animate({
				scrollTop:offset
			}, speed, 'swing');
		return false;
	});
});


// トップへ戻るリンク
$(function(){
	var topBtn = $('#tk_pageTop');
	topBtn.hide();
	$(window).scroll(function (){
		if ($(this).scrollTop() > $(window).height()){
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});
});


// アイコン設定
$(function(){
	$('#tk_siteName a').empty().prepend('<i><svg style="width:2.589em"><use xlink:href="#tk_logoMark"></use></svg></i><svg style="width:3.086em"><use xlink:href="#tk_logoType"></use></svg>');
	$('#tk_extraNav [href*="favorites"]').prepend('<i><svg><use xlink:href="#tk_iconFavorites"></use></svg></i>');
	$('#tk_selectLanguage dt a').append('<i><svg><use xlink:href="#tk_iconChevronRight"></use></svg></i>');
	$('#tk_selectLanguage dd a').prepend('<i><svg viewBox="0 0 20 20"><circle cx="10" cy="10" r="5" /></svg></i>');
	$('#tk_pagePath li+li').prepend('<i><svg><use xlink:href="#tk_iconChevronRight"></use></svg></i>');
	$('#tk_pageTop a').empty().prepend('<svg><use xlink:href="#tk_iconTotop"></use></svg>');
	$('#tk_copyright').before('<div id="tk_fLogo"><i><svg style="width:2.589em"><use xlink:href="#tk_logoMark"></use></svg></i><svg style="width:3.086em"><use xlink:href="#tk_logoType"></use></svg></div>');
	$('#tk_snsFixed [href*="instagram"]').empty().prepend('<i><svg><use xlink:href="#tk_iconInstagram"></use></svg></i>');
	$('#tk_snsFixed [href*="facebook"]').empty().prepend('<i><svg><use xlink:href="#tk_iconFacebook"></use></svg></i>');
	$('#tk_snsFixed [href*="youtube"]').empty().prepend('<i><svg><use xlink:href="#tk_iconYoutube"></use></svg></i>');
	$('#tk_snsFixed [href*="twitter"]').empty().prepend('<i><svg><use xlink:href="#tk_iconTwitter"></use></svg></i>');
	$('.tk_pageTab a').append('<i><svg><use xlink:href="#tk_iconChevronRight"></use></svg></i>');
});


//svgスプライト表示バグ対策
(function(document, window){
	document.addEventListener('DOMContentLoaded', function(){
		var baseUrl = window.location.href
			.replace(window.location.hash, '');
		[].slice.call(document.querySelectorAll('use[*|href]'))
			.filter(function(element) {
				return (element.getAttribute('xlink:href').indexOf('#') === 0);
			})
			.forEach(function(element) {
				element.setAttribute('xlink:href', baseUrl + element.getAttribute('xlink:href'));
			});
	}, false);
}(document, window));


// グローバルナビ
$(function(){
	$('#tk_selectLanguage dd:eq(0)').addClass('tk_select');
	$('#tk_selectLanguage').click(function(){
		$(this).toggleClass("tk_open");
	});
	$('#tk_selectLanguage.tk_open dl').mouseout(function(){
		$('#tk_selectLanguage').removeClass("tk_open");
	});
});