//スマホの振り分け
var ua = navigator.userAgent;
if(ua.indexOf('iPhone') > 0){
ua = 'iphone';
}else if(ua.indexOf('iPod') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0){
ua = 'sp';
}else if(ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0){
ua = 'tab';
}else{
ua = 'other';
}
//maPCの場合
var mac_flg = (ua=='other' && (navigator.userAgent.indexOf("mac") !== -1||navigator.userAgent.indexOf("Mac") !== -1)) ?1:0;
if(document.getElementsByClassName("omikuji-sp")[0]){
//イベントの振り分け
var EVENT = {};
if(ua!='other'){//スマホだったら
  EVENT.TOUCH_START = 'touchstart';
  EVENT.TOUCH_MOVE = 'touchmove';
  EVENT.TOUCH_END = 'touchend';
} else {
  EVENT.TOUCH_START = 'mousedown';
  EVENT.TOUCH_MOVE = 'mousemove';
  EVENT.TOUCH_END = 'mouseup';
}

(function () {
jQuery(document).ready(function($){	
$(window).load(function(){

	var kujicnt = document.getElementsByClassName('omikuji-sp').length;
	var mmflg = new Array();
	var hako_left = new Array();
	var hako_top = new Array();
	var clflg = new Array();
	
	var clflg_cnt = new Array();
	var hako_left_arr = new Array();//展開用
	var hako_top_arr = new Array();//展開用
	
	var selecthako_flg = 0;
	var wait_cnt = new Array();
	var nvt_arr1 = new Array();
	var nvt_arr2 = new Array();
	var nvt_arr3 = new Array();
	var nvt_arr4 = new Array();
	var nvt_arr5 = new Array();
	//プラグインURL/images/
	var purl = document.getElementsByClassName('omikujipurl')[0].value;
	var sp_w = document.getElementsByClassName('omikuji-sp')[0].clientWidth/2;
	//高さ（背景：700x460）
	var sp_h = Math.floor(((sp_w*2)/700)*460);

	//////////////////////////////////////////////////
	// 戻るボタンの時に動かなくなるのでキャッシュのクリア
	window.onbeforeunload = function() {};
	window.onunload = function() {};
	window.onpageshow = function(){Fnk_OmikujiDef();}
	function Fnk_OmikujiDef(){selecthako_flg = 0;}
	//////////////////////////////////////////////////
	// コンテンツ分ループ高さの調整とテキスト
	for( var ii=0; ii<kujicnt; ii++ ) {
		var nvt = document.getElementsByClassName('omikuji-text')[ii].innerHTML;
		var nvt_arr = new Array();
		var nvt_arr = nvt.split(',');
		nvt_arr1[ii] = (nvt_arr[0])?nvt_arr[0]:'クリックでおみくじスタート';
		nvt_arr2[ii] = (nvt_arr[1])?nvt_arr[1]:'もう一度クリックしておみくじをストップ';
		nvt_arr3[ii] = (nvt_arr[2])?nvt_arr[2]:'おみくじを引いています...';
		nvt_arr4[ii] = (nvt_arr[3])?nvt_arr[3]:'結果が出ました！';
		nvt_arr5[ii] = (nvt_arr[4])?nvt_arr[4]:'結果ページを表示します...';
		document.getElementsByClassName('omikuji-text')[ii].innerHTML = nvt_arr1[ii];
	}
	//////////////////////////////////////////////////
	
	// コンテンツ分ループ
	for( var ii=0; ii<kujicnt; ii++ ) {
		document.getElementsByClassName('omikuji-opw')[ii].style.opacity = 0.9;		
		mmflg[ii] = 0;clflg[ii] = 0;
		hako_left[ii] = 0;hako_top[ii] = 0;
		wait_cnt[ii] = 0;
		clflg_cnt[ii] = 0;
		
		// マウスダウンイベントを設定
		document.getElementsByClassName('omikuji-img-sp')[ii].addEventListener( EVENT.TOUCH_START, function(e) {																			  			// 要素のイベントをリセットしておく
			e.preventDefault();
			Fnk_OmikujiMouseDown(this);
		});
	}
	//マウスダウン関数
	function Fnk_OmikujiMouseDown(element){
		for( var i=0; i<document.getElementsByClassName('omikuji-img-sp').length; i++ ) {
			if(element == document.getElementsByClassName('omikuji-img-sp')[i]){
				var thisn = i;
			}
		}
		if(document.getElementsByClassName('omikuji-opw')[0]&&document.getElementsByClassName('omikuji-opw')[0].style.display=='none'){
			if(mmflg[thisn]==0){
				mmflg[thisn]=1;
				document.getElementsByClassName('omikuji-text')[thisn].innerHTML = nvt_arr2[thisn];
			}
			else if(mmflg[thisn]==1){
				mmflg[thisn]=2;
				document.getElementsByClassName('omikuji-text')[thisn].innerHTML = nvt_arr3[thisn];
			}
		}
	}
	
	araanimate();
	//フェードインスピード
	var opw_move = 0.005;
	//シャッフル
	var hako_mv = (sp_w<360)?3:3;//スピード
	var hako_mvsp = (sp_w<360)?30:30;//幅
	//ふる
	var hako_mv2 = (sp_w<360)?2:2;//スピード
	var hako_mvsp2 = (sp_w<360)?30:30;//幅
	var watecnt_sp = (sp_w<360)?50:150;//幅

	//アニメーション
	function araanimate() {
		// コンテンツ分ループここから
		for( var ii=0; ii<kujicnt; ii++ ) {
			//おみくじのシャッフル
			if(mmflg[ii]==1){
				if(clflg[ii] == 0 && hako_left[ii]>-hako_mvsp){
					hako_left[ii] -= hako_mv;
					if(hako_left[ii]==-hako_mvsp)clflg[ii]=1;
				}
				else if(clflg[ii] == 1 && hako_left[ii]<hako_mvsp){
					hako_left[ii] += hako_mv;
					if(hako_left[ii]==hako_mvsp)clflg[ii]=0;
				}
				document.getElementsByClassName('omikuji-img')[ii].style.left = hako_left[ii]+'px';
			}
			
			//おみくじをふる前準備
			if(mmflg[ii]==2){
				document.getElementsByClassName('omikuji-bgimg1')[ii].style.display = 'none';
				document.getElementsByClassName('omikuji-img')[ii].style.display = 'none';
				document.getElementsByClassName('omikuji-img2')[ii].style.display = 'block';
				document.getElementsByClassName('omikuji-hakosp')[ii].style.width = '40%';
				document.getElementsByClassName('omikuji-hakosp')[ii].style.height = '40%';
				hako_left[ii] = 0;hako_top[ii] = 0;
				mmflg[ii]=3;
			}
			//おみくじをふる
			if(mmflg[ii]==3){
				if(clflg[ii] == 0 && hako_left[ii]>-hako_mvsp2){
					hako_left[ii] -= hako_mv2;
					hako_top[ii] += hako_mv2;
					if(hako_left[ii]==-hako_mvsp2)clflg[ii]=1;
				}
				else if(clflg[ii] == 1 && hako_left[ii]<hako_mvsp2){
					hako_left[ii] += hako_mv2;
					hako_top[ii] -= hako_mv2;
					if(hako_left[ii]==hako_mvsp2){ clflg[ii]=0;clflg_cnt[ii]++; }
				}
				document.getElementsByClassName('omikuji-img2')[ii].style.left = hako_left[ii]+'px';
				document.getElementsByClassName('omikuji-img2')[ii].style.top = hako_top[ii]+'px';
				if(clflg_cnt[ii]>2){
					if(document.getElementsByClassName('omikuji-img2')[ii].style.left=='0px')mmflg[ii]=5;
				}
			}
			//棒を出す前準備
			if(mmflg[ii]==5){
				document.getElementsByClassName('omikuji-img2')[ii].style.left = '0px';
				document.getElementsByClassName('omikuji-img2')[ii].style.top = '0px';
				document.getElementsByClassName('omikuji-img3')[ii].style.display = 'block';
				document.getElementsByClassName('omikuji-img4')[ii].style.display = 'block';
				document.getElementsByClassName('omikuji-img4')[ii].style.left = '50px';
				document.getElementsByClassName('omikuji-img4')[ii].style.top = '-50px';
				mmflg[ii]=6;
			}
			//棒を出す
			if(mmflg[ii]==6){
				if(parseInt(document.getElementsByClassName('omikuji-img4')[ii].style.left)==0){
					mmflg[ii]=7;
				}
				else{
					var l = parseInt(document.getElementsByClassName('omikuji-img4')[ii].style.left);
					var t = parseInt(document.getElementsByClassName('omikuji-img4')[ii].style.top);
					document.getElementsByClassName('omikuji-img4')[ii].style.left = l-2+'px';
					document.getElementsByClassName('omikuji-img4')[ii].style.top = t+2+'px';
				}
				
			}
			//棒の番号を出す
			if(mmflg[ii]==7){
				document.getElementsByClassName('omikuji-text')[ii].innerHTML = nvt_arr4[ii];
				document.getElementsByClassName('omikuji-bgimg2')[ii].style.display = 'block';
				document.getElementsByClassName('omikujinum-txt')[ii].style.display = 'block';
				document.getElementsByClassName('omikuji-img2')[ii].style.display = 'none';
				document.getElementsByClassName('omikuji-img3')[ii].style.display = 'none';
				document.getElementsByClassName('omikuji-img4')[ii].style.display = 'none';
				if(wait_cnt[ii] == 0)wait_cnt[ii] = 1;
				
				if(wait_cnt[ii]>watecnt_sp){
					document.getElementsByClassName('omikuji-text')[ii].innerHTML = nvt_arr5[ii];
					selecthako_flg = 1;
				}
				if(wait_cnt[ii]>watecnt_sp+50){ mmflg[ii]=8;wait_cnt[ii]=0; }
			}
			if(mmflg[ii]==8){
				document.getElementsByClassName('omikuji-ura-form')[ii].submit();
				mmflg[ii]=9;
			}
			if(wait_cnt[ii])wait_cnt[ii]++;

			// 座標取得
			var clientRect = document.getElementsByClassName('omikuji-sp')[ii].getBoundingClientRect();
			var clientRect_imgsp = document.getElementsByClassName('omikuji-img-sp')[ii].getBoundingClientRect();
			var clientRect_hako = document.getElementsByClassName('omikuji-hakosp')[ii].getBoundingClientRect();
			var h = clientRect.height;
			sp_w = clientRect.width/2;
			var clientRect_hako_x = Math.floor(clientRect_imgsp.width/2-clientRect_hako.width/2);
			var clientRect_hako_y = (mmflg[ii]<2)?Math.floor(h/2):Math.floor(h/4);
			
			// 結果表示
			if(selecthako_flg){
				//白フェイド
				if(document.getElementsByClassName('omikuji-opw')[ii].style.display == 'none'){
					document.getElementsByClassName('omikuji-opw')[ii].style.display = 'block';
					opw = 0.1;
					document.getElementsByClassName('omikuji-opw')[ii].style.opacity = opw;
					
				}
				else{
					//if(opw<1)opw = opw+0.02;
					if(opw<1)opw = opw+0.01;
					document.getElementsByClassName('omikuji-opw')[ii].style.opacity = opw;
				}
				
			}
			else{
				//白フェイド
				if(document.getElementsByClassName('omikuji-opw')[ii].style.opacity>0){
					if(sp_w>0){
						opw_move = opw_move+0.001;
						document.getElementsByClassName('omikuji-opw')[ii].style.opacity -= opw_move;
					}
				}
				else{
					document.getElementsByClassName('omikuji-opw')[ii].style.display = 'none';
				}
			}
			////////////バグ結果の縦サイズが読み込めてない場合がるので再度読み込むここから
			if(sp_w>1){
			if(sp_w<240){
				sp_h = Math.floor(sp_w*1.5);	
			}
			else{
				sp_h = Math.floor(((sp_w*2)/700)*460)-Math.floor(((sp_w*2)/20)*2);
			}
			if(document.getElementsByClassName('omikuji-bgimg0')[ii].style.height != sp_h+'px'){
				document.getElementsByClassName('omikuji-bgimg0')[ii].style.height = sp_h+'px';
			}	
			if(document.getElementsByClassName('omikuji-bgimg1')[ii].style.top != '0px'){
				document.getElementsByClassName('omikuji-bgimg1')[ii].style.top = '0px';
			}
			if(document.getElementsByClassName('omikuji-bgimg2')[ii].style.height != sp_h+'px'){
				document.getElementsByClassName('omikuji-bgimg2')[ii].style.height = sp_h+'px';
			}
			if(document.getElementsByClassName('omikuji-hakosp')[ii].style.top != clientRect_hako_y+'px'){
				document.getElementsByClassName('omikuji-hakosp')[ii].style.top = clientRect_hako_y+'px';
			}
			if(document.getElementsByClassName('omikuji-hakosp')[ii].style.left != clientRect_hako_x+'px'){
				document.getElementsByClassName('omikuji-hakosp')[ii].style.left = clientRect_hako_x+'px';
			}
			if(document.getElementsByClassName('omikuji-sp')[ii].style.height != sp_h+'px'){
				document.getElementsByClassName('omikuji-sp')[ii].style.height = sp_h+'px';
			}
			if(document.getElementsByClassName('omikuji-opw')[ii].style.height != sp_h+50+'px'){
				document.getElementsByClassName('omikuji-opw')[ii].style.height = sp_h+50+'px';
			}
			if(document.getElementsByClassName('omikuji-text')[ii].style.top != Math.floor(sp_h/10)+'px'){
				document.getElementsByClassName('omikuji-text')[ii].style.top = Math.floor(sp_h/10)+'px';
			}
			}
			////////////バグ結果の縦サイズが読み込めてない場合がるので再度読み込むここまで
		}
		//コンテンツループここまで
		
		
		
		//macだとウェブフォントが出にくいので指定しなおす
		//console.log('mac:'+mac_flg);
		if(mac_flg){
			for( var ii=0; ii<document.getElementsByClassName('hude').length; ii++ ) {
				if(document.getElementsByClassName('hude')[ii].style.fontFamily!="serif"){
					document.getElementsByClassName('hude')[ii].style.fontFamily = "serif";
					document.getElementsByClassName('hude')[ii].style.fontWeight = "bold";
				}
			}
		}
		requestAnimationFrame( araanimate );
	}
	//araanimateループここまで
	
});
});
})();

}
///////////////////////////////////////////////////////////////////////////
//結果ページmacの筆文字
if(document.getElementsByClassName("ara-omikujiura-retb-sp")[0]){
(function () {
jQuery(document).ready(function($){	
$(window).load(function(){	
	if(mac_flg){
		for( var ii=0; ii<document.getElementsByClassName('hude').length; ii++ ) {
			if(document.getElementsByClassName('hude')[ii].style.fontFamily!="serif"){
				document.getElementsByClassName('hude')[ii].style.fontFamily = "serif";
				document.getElementsByClassName('hude')[ii].style.fontWeight = "bold";
			}
		}
	}

});
});
})();
}