$(function() {

LOADMORE_start_flag = false;
$("div#index article header h1").stop().animate({opacity : 1},1);
function LOADMORE_initialize(){

	LOADMORE_set_index_count_max = parseInt($("#index > article > ul").attr("data-max"));
	LOADMORE_set_index_count_limit = parseInt($("#index > article > ul").attr("data-limit"));
	LOADMORE_set_index_format = $("#index > article > ul").attr("data-format");

	LOADMORE_set_index_count_i = 0;
	LOADMORE_thumb_i_max = $("#container #index article > ul > li.thumbs").length;

	LOADMORE_index_thumbs_fade();

	LOADMORE_start_flag = true;
}

function LOADMORE_index_thumbs_fade() {
	var thmArr = [];
	$("#container #index article > ul > li.thumbs").each(function(){
		if( $(this).css("opacity") == 0 ){
			thmArr.push($(this));
		}
	});
	var LOADMORE_thumb_i = 0;
	$.each(thmArr, function() {
		thmArr[LOADMORE_thumb_i].stop().animate({opacity:1},1);
		LOADMORE_thumb_i += 1;
	});

	var imgArr = [];
	$("#container #index article > ul > li.thumbs").find("img").each(function(){
		if( $(this).css("opacity") == 0 ){
			imgArr.push($(this));
		}
	});
	var LOADMORE_thumb_img_i = 0;
	$.each(imgArr, function() {
		imgArr[LOADMORE_thumb_img_i].imagesLoaded(function(){
			var target_height = $(this).closest("div.img").height();
			var read_height = $(this).height();
			var set_margin_top = -(read_height-target_height)/2;
			$(this).css("margin-top", set_margin_top+"px");
			$(this).animate({opacity:1},1);
		});
		LOADMORE_thumb_img_i += 1;
	});
}

function LOADMORE_loadmore_index(){
	$(".load_more div").fadeOut(300).remove();
	LOADMORE_set_filter_jp = encodeURIComponent($("#index > article > ul").attr("data-filter-jp"));
	LOADMORE_set_filter_en = encodeURIComponent($("#index > article > ul").attr("data-filter-en"));
	LOADMORE_set_index_count_i = parseInt($("#index > article > ul > li.thumbs:last").attr("data-count"));
	LOADMORE_set_index_i = parseInt($("#index > article > ul > li.thumbs:last").attr("data-i"));
	$.ajax({
		url: "https://yukotakeyama.com/ajax_index_loadmore.php",
		data: "set_filter_jp=" + LOADMORE_set_filter_jp + "&set_filter_en=" + LOADMORE_set_filter_en + "&index_count_limit=" + LOADMORE_set_index_count_limit + "&index_count_i=" + LOADMORE_set_index_count_i + "&index_count_max=" + LOADMORE_set_index_count_max + "&index_i=" + LOADMORE_set_index_i + "&CONTENT_format=" + LOADMORE_set_index_format + "",
		success:
			function(data, dataType){
				$(".load_more").remove();
				$("#index > article > ul").append(data);
				LOADMORE_thumb_i_max = $("#container #index article > ul > li.thumbs").length;
			},
		complete:
			function(XMLHttpRequest, textStatus){
				LOADMORE_index_thumbs_fade();
			},
		error:
			function(XMLHttpRequest, textStatus, errorThrown){
			}
	});
}

setTimeout(function(){
	LOADMORE_initialize();
},100);

$(document).one("click", ".load_more", function(){
	if( LOADMORE_start_flag == true ){
		LOADMORE_loadmore_index();
	}
});

$(window).scroll(function(){
	var window_height = $(window).height();
	var scroll_val = $(window).scrollTop();
	if( LOADMORE_start_flag == true && $(".load_more div").length ){
		var margin = 200;
		var load_more_top = $(".load_more div").offset().top;
		if( scroll_val > load_more_top - window_height - margin ){
			LOADMORE_loadmore_index();
		}
	}
});


$("#container #index article > ul > li > article").animate({opacity:"1"},1000);


});