// 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(){
	$('#tk_navButton').click(function(){
		$('body').toggleClass('tk_nav');
	});
	$('#tk_nav a').click(function(){
		$('body').toggleClass('tk_nav');
	});
	$('body').on('touchstart', onTouchStart);
	$('body').on('touchmove', onTouchMove);
	$('body').on('touchend', onTouchEnd);
	var direction, position;
	function onTouchStart(event){
		position = getPosition(event);
		direction = '';
	}
	function onTouchMove(event){
		if (position - getPosition(event) > 70) {
			direction = 'left';
		} else if (position - getPosition(event) < -70){
			direction = 'right';
		}
	}
	function onTouchEnd(event){
		if (direction == 'right'){
			$('body').removeClass('tk_nav');
		}
	}
	function getPosition(event) {
		return event.originalEvent.touches[0].pageX;
	}
});

// トップへ戻るリンク
$(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_snsNav [href*="facebook"]').empty().prepend('<i><svg><use xlink:href="#tk_iconFacebook"></use></svg></i>');
	$('#tk_snsNav [href*="twitter"]').empty().prepend('<i><svg><use xlink:href="#tk_iconTwitter"></use></svg></i>');
	$('#tk_snsNav [href*="instagram"]').empty().prepend('<i><svg><use xlink:href="#tk_iconInstagram"></use></svg></i>');
	$('#tk_snsNav [href*="youtube"]').empty().prepend('<i><svg><use xlink:href="#tk_iconYoutube"></use></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_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_navButton').empty().prepend('<i></i><i></i><i></i>');
});


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