$(function(){
	var rand = '';
	var json2 = '';
	var data = $.cookie("fcookie");
//data = '';
	if(!data) {
		$.ajax({
			url : '/js/kuji.php?sp=1',
			type : "get",
			data : '',
			async : false,
			success: function(d) {
				var json = eval('(' + d + ')');
				rand = json.rand;
				json2 = d;
			}
		});
		$('body').append('<div id="kujiWrap" class="remodal" data-remodal-id="omikuji"><div id="kujiBox"><div id="start"><p><span>おもくじを引く</span></p></div></div></div>');
	}else{
		rand = data;
		var str_style = (rand > 0 && rand < 10)	? 'id="result' + rand + '"' : 'style="background-image: url(/kuji/data/' + rand + ')"';
		$('body').append('<div id="kujiWrap" class="remodal" data-remodal-id="omikuji"><div id="kujiBox"><div class="result" ' + str_style + '>結果</div></div></div>');
	}

	var kuji = $('[data-remodal-id=omikuji]').remodal({hashTracking:false,closeOnOutsideClick:true});
	
	$(document).on("click",".popkuji", function(e){
		e.preventDefault();
		kuji.open();
	});
	$(document).on("click",".result", function(){
		kuji.close();
	});

	$("#start p").on('click', 'span', function(e) {
		e.preventDefault();
		fortune();
		setCookie();
	});

function fortune(){
	$('#kujiBox').html('<div id="fortune"><p>おみくじ</p></div>');
	setTimeout(function() {
//		$('#kujiBox').html('<div class="result" id="result'+rand+'">結果</div>');
		var json = eval('(' + json2 + ')');
		$('#kujiBox').html('<div class="result" style="' + json.style + '">結果</div>');
	}, 2000);
}
function setCookie (){
	var clifetime = new Date();
	clifetime.setDate(clifetime.getDate()+1);
	clifetime.setHours(0);
	clifetime.setMinutes(0);
	clifetime.setSeconds(0);
	// clifetime.setTime(clifetime.getTime()+(24*60*60*1000));//24時間
	$.cookie('fcookie', rand, { expires: clifetime , path: '/'});
	$.cookie('fcookie2', json2, { expires: clifetime , path: '/'});
}
});