// source --> https://e-yane.co.jp/wp-content/themes/taulabo/js/index.js 
// カルーセル処理
var slider = function(obj) {
	var top = 0;
	var old = 0;
	var num = obj.length - 1;
	var fade = 1200;
	var interval = 5000;
	var check = 40; // スワイプ判定距離
	var mark = null;
	var direction, position;
	// マーカー現在地処理
	var marker = function() {
		mark.find("li").removeClass("current");
		mark.find("li").eq(top).addClass("current");
	}
	// アイテム切り替え
	var change = function() {
		if(mark) marker();
		obj.eq(old).css("z-index", 0).stop().animate({ opacity: 0}, { "duration": fade, "easing": "swing"});
		obj.eq(top).css({
			display: "block",
			opacity: 0,
			zIndex: 1
		}).stop().animate({ opacity: 1}, { "duration": fade, "easing": "swing"});
	}
	//スワイプ開始時の横方向の座標を格納
	var onTouchStart = function(event) {
		position = getPosition(event);
		direction = ''; //一度リセットする
	}
	//スワイプの方向（left／right）を取得
	var onTouchMove = function(event) {
		if (position - getPosition(event) > check) {
			direction = 'left'; //左と検知
		} else if (position - getPosition(event) < -check){
			direction = 'right'; //右と検知
		}
		console.log(getPosition(event));
	}
	//横方向の座標を取得
	var getPosition = function(event) {
		return event.originalEvent.touches[0].pageX;
	}
	// フリック時の処理
	function onTouchEnd(event) {
		if (direction == 'right'){
			old = top;
			top = (top >= num) ? 0: top + 1;
			change();
		} else if (direction == 'left'){
			old = top;
			top = (top == 0) ? num: top - 1;
			change();
		}
	}
	// タイマーループ
	var loop = function () {
		old = top;
		top = (top >= num) ? 0: top + 1;
		change();
		setTimeout(function () {
			loop();
		}, fade + interval);
	}
	return {
		// アニメーション開始
		start: function() {
			setTimeout(function () {
				loop();
			}, interval);
		},
		// 前へ戻る
		prev: function() {
			old = top;
			top = (top >= num) ? 0: top + 1;
			change();
		},
		// 次へ
		next: function() {
			old = top;
			top = (top == 0) ? num: top - 1;
			change();
		},
		// ドット生成
		dotted: function(dot) {
			mark = dot;
			for(var i = 0; i <= num; i++) {
				dot.append("<li></li>");
			}
			dot.find("li").eq(0).addClass("current");
			dot.find("li").on("click", function() {
				old = top;
				top = dot.find("li").index(this);
				change();
			});
		},
		// クリック切り替え
		clickChange: function(maker, target) {
			old = top;
			top = maker.index(target);
			change();
		},
		// フリック処理
		flick: function() {
			var show = obj.parent();
			show.on('touchstart', onTouchStart);
			show.on('touchmove', onTouchMove);
			show.on('touchend', onTouchEnd);
		}
	}
}
$(function(){
	var slide = slider($(".slide .item"));
	slide.start();
	slide.flick();
	slide.dotted($(".marker"));
});


$(window).on("load", function() {
	$(".loading").stop().animate({ opacity: 0}, { "duration": 150, complete: function() {
		$(this).remove();
		$("#visual .title").css("display", "block").delay(1000).animate({ opacity: 1}, { "duration": 1000});
		//$("header .logo").css("display", "block").delay(3000).animate({ opacity: 1}, { "duration": 2000});

		$("#visual .marker").css("display", "block").delay(3000).animate({ opacity: 1}, { "duration": 1000});
		$("#visual .scroll").css("display", "block").delay(150).animate({ opacity: 0}, { "duration": 1000, complete: function() {
			$(this).addClass("move");
		}});
		$(".pagetop").css("display", "block").delay(3000).animate({ opacity: 1}, { "duration": 1000});
		$(".sbtn").css("display", "block").delay(3000).animate({ opacity: 1}, { "duration": 1000});
	}});
});


//ヘッダーをニョキッと上から表示する
$(function() {
	var headNav = $("header.none");// 使用する場合は.noneをとる
	//scrollだけだと読み込み時困るのでloadも追加
	$(window).on('load scroll', function () {
		//現在の位置が500px以上かつ、クラスfixedが付与されていない時
		if($(this).scrollTop() > 500 && headNav.hasClass('fixed') == false) {
			//headerの高さ分上に設定
			headNav.css({ "top": '-100px' });
			// メニューを表示にする
			$('.g-nav').css('display','block');
			// ロゴを非表示にする
			// $('.header_logo').css('display','none');
			//クラスfixedを付与
			headNav.addClass('fixed');
			//位置を0に設定し、アニメーションのスピードを指定
			headNav.animate({"top": 0},600);
		}
		//現在の位置が300px以下かつ、クラスfixedが付与されている時にfixedを外す
		else if ($(this).scrollTop() < 300 && headNav.hasClass('fixed') == true) {
			headNav.removeClass('fixed');
			//ロゴを表示にする
			// $('.header_logo').css('display','block');
			// メニューを非表示にする
			$('.g-nav').css('display','none');
		}
	});
});