// JavaScript Document
"use strict";

// 読み込み検知
$(window).on('load',function(){
	$('body').removeClass('tk_do');
	$('body').addClass('tk_done');
});


// スクロール検知
$(function(){
	$('body').addClass('tk_scrollTop');
});
$(window).scroll(function(){
	if( $(window).scrollTop() > 0){
		$('body').removeClass('tk_scrollTop');
	} else {
		$('body').addClass('tk_scrollTop');
	}
});


// グローバルナビ
$(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('nav');
		}
	}
	function getPosition(event){
		return event.originalEvent.touches[0].pageX;
	}
});


// #header
$(function(){
	$('#tk_siteName').after('<div id="tk_hNav"></div>');
	$('#tk_navWishlist').clone().appendTo('#tk_hNav').attr('id','tk_hNavWishlist');
	$('#tk_navLanguage').clone().appendTo('#tk_hNav').attr('id','tk_hNavLanguage');
	$('#tk_navGlobal').clone().appendTo('#tk_hNav').attr('id','tk_hNavGlobal');
	$('#tk_navPickup').clone().appendTo('#tk_hNav').attr('id','tk_hNavPickup');
	$('#tk_navSns').clone().appendTo('#tk_hNav').attr('id','tk_hNavSns');
	$('#tk_hNavWishlist a').append('&#x3092;&#x898B;&#x308B;');
});


// #nav
$(function(){
	$('#tk_nav').prepend('<menu id="tk_navClose"></menu>');
	$('#tk_navClose').click(function(){
		$('body').removeClass('tk_nav');
	});
	$('#tk_navSearch').empty();
});


// カスタム検索
$(function(){
	$('#tk_hNavSns ul').prepend('<li><a id="tk_overlaySearchToggle">検索</a></li>');
	$('#footer').append('<div id="tk_overlaySearch"><menu id="tk_overlaySearchClose">&#xD7;</menu></div>');
	$('#tk_navSearch,#tk_overlaySearch').append('<script async src="https://cse.google.com/cse.js?cx=e765627758d4543d1"></script><div class="gcse-search"></div>');
	$('#tk_overlaySearchToggle,#tk_overlaySearchClose').click(function(){
		$('.gsc-results-close-btn').trigger('click');
		$('#tk_overlaySearch').toggleClass('tk_open');
	});
	$('.gsc-results-close-btn').click(function(){
		$('#tk_overlaySearch').removeClass('tk_open');
	});
});