$(document).ready(function() {
	//オープニング
	$('.huki1s').children().andSelf().contents().each(function() {
		if (this.nodeType == 3) {
			$(this).replaceWith($(this).text().replace(/(\S)/g, '<span>$1</span>'));
		}
	});

	$(".tmessage").fadeIn("slow",function(){
		setTimeout(function(){
			$(".tmessage").fadeOut("slow",function(){
				$(".cha").fadeIn("slow");
				setTimeout(function(){
					$(".huki1").fadeIn("slow",function(){
						setTimeout(function(){
							$(".huki1").fadeOut("slow",function(){
								$(".huki1s").fadeIn("slow",function(){
									for (var i = 0; i <= $('.huki1s').children().size(); i++) {
										$('.huki1s').children('span:eq('+i+')').delay(50*i).animate({'opacity':1},50);
									}
								});
							});
						},1500);
					});
				},700);
			});
		},2500);
	});
	
	
	//クリックによる画像の切り替え
	var activeNum = 1;
	var areaLength = $('.clickChange').length;
	$('.clickChange').each(function(i) {
		$(this).attr('data-num', i+1);
	});
	$('.chacarea .cha img, .clickChange').on('click', function() {
		$('.clickChange[data-num="'+ activeNum +'"]').fadeOut('slow');
		activeNum++;
		if (activeNum > areaLength) activeNum = 1;
		setTimeout(function() {
			$('.clickChange[data-num="'+ activeNum +'"]').fadeIn('slow');
		}, 500);
	});
	
	
	//var flg = false;
	//$(".chacarea,.huki2").click(function () {
	//	if(flg==true){
	//		$(".huki2").fadeToggle("slow",function(){$(".huki1s").fadeToggle("slow", "swing", function(){get_instagram();});});
	//		flg = false;
	//	}else{
	//		$(".huki1s").fadeToggle("slow",function(){$(".huki2").fadeToggle("slow");});
	//		flg = true;
	//	}
	//});


	// instagram load image

	var persons = ['kongozen'];
	var keys = ['shorinjikempo'];

	var $container = $(".huki2");
	var html = "";
	var src = "";
	var default_src = $(".huki2 img").attr("src");

	//get_instagram();

	/* テスト用 */
	//person = 'bug5024';
	//key = '少林寺';
	/* ここまでテスト */

	function get_instagram(){
		var person = persons[Math.floor(Math.random()*persons.length)];
		var key = keys[Math.floor(Math.random()*keys.length)];

		//console.log("user : " + person + ", key : " + key);
		$("img", $container).attr("src", "/sk/wp-content/themes/sk/images/ajax-loader.gif");
		$.ajax({
			url: "/getpic.php",//PHPファイルのURL
			type:"POST",
			data:{
				user : person,
				key : key
			},
			dataType: "json"
		}).done(function(data){
			//通信成功時の処理
			//console.log(data);
			src = data.images.low_resolution.url; //低解像度の画像のURLを取得
		}).fail(function(){
			//通信失敗時の処理
			src = "/sk/wp-content/themes/sk/images/history_pht05.jpg";
		}).always(function(){
			//通信完了時の処理
			$("img", $container).attr("src", src);
		});
	}
});