$(function() {

LOADMORE_start_flag = false;
$("div#index article header h1").stop().animate({opacity : 1},1000);
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 = [];
	var LOADMORE_thumb_i = 0;
	$("#container #index article > ul > li.thumbs").each(function(){
		thmArr.push($(this));
		LOADMORE_thumb_i ++;
	});
	for(var i = LOADMORE_set_index_count_i ; i < LOADMORE_thumb_i ; i++){
		thmArr[i].stop().delay(50*(i-LOADMORE_set_index_count_i)).animate({opacity:"1"},400);
	}

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

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"));
	LOADMORE_set_index_year = parseInt($("#index > article > ul > li.year:last").attr("data-year"));
	$.ajax({
		url: "https://giichi.jp/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 + "&index_year=" + LOADMORE_set_index_year + "&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();
		}
	}
});


$(document).on("mouseover", "#container #index article > ul > li.thumbs a", function(){
	$(this).stop().animate({opacity : 0.8},50);
});
$(document).on("mouseout", "#container #index article > ul > li.thumbs a", function(){
	$(this).stop().animate({opacity : 1},400);
});

$(document).on("mouseover", ".load_more", function(){
	$(this).stop().animate({opacity : 0.7},200);
});
$(document).on("mouseout", ".load_more", function(){
	$(this).stop().animate({opacity : 1},200);
});

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


});