var triggerFlag = false;
var triggerFlag2 = false;
var cnt = 0;
var cnt2 = 6;
var arg = GetScriptParams();
var first_address = '';
var first_address2 = '';
var article_id = arg.id;
var mcat_id = arg.mcat_id;
var scrollTop  = 0;
var scrollLeft = 0;
var page_title ='';
$(document).ready(function(){
	if($(window).width() < 769) {
		$("#detail #continue").removeClass('active');
	}else{
		$("#detail #continue").addClass('active');
	}
	$(window).on('load scroll', function () {
		if($(window).width() < 769) {
			if($("#detail #continue").hasClass('on')){
				$("#detail #continue").addClass('active');
			}
		}
		if(cnt == 0) {
			first_address = article_id;	
		}
		if(cnt2 == 6) {
			first_address2 = mcat_id;	
		}
		var html_source = '';
		var next_address = '';
		var documentHeight= $('#post_bottom').offset().top,
			scrollBottomPosition = $(window).height() + $(window).scrollTop(),
			triggerPoint = documentHeight - scrollBottomPosition;

		var html_source2 = '',
		    next_address2 = '',
		    documentHeight2 = $('#cate_post_bottom').offset().top,
			triggerPoint2 = documentHeight2 - scrollBottomPosition;


		$('.read_continue').click(function(){
			$(this).remove();
			$("#detail #continue").addClass('active');
		});

		if($("#detail #continue").hasClass('active') || $("#detail #continue").hasClass('on')) {
			if (!triggerFlag && triggerPoint <= 50) {
				var $loading = $(".loading");
				triggerFlag = true;
				$.ajax({
					type: 'GET',
					scriptCharset: 'UTF-8',
					url: "../upload/list-sample2.php",
					data: {id: first_address, number: cnt},
					dataType: 'json',
					success:function (data) {
						var dataArray = data.items;
						$.each(dataArray, function (i) {
							html_source = dataArray[i].html_data;
							next_address = dataArray[i].next+'.html';
							page_title = dataArray[i].title;
						});
						if(next_address != '.html') {
							history.replaceState('','',next_address);
							stopScroll(documentHeight-$(window).height());
							$loading.removeClass("is-hide");
							$("#loading").html("<img src='./gif-load.gif'/>");
						}
						cnt++;
						triggerFlag = false;
					},
					error: function () {
						$loading.addClass("is-hide");
						resumeScroll();
						return false;
					},
					complete: function (data) {
						if(next_address != '.html') {
							$('#more').append(html_source);
							$loading.addClass("is-hide");
							resumeScroll();
							(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
							ga('create', 'UA-114570727-1', 'auto');
							ga('send', { hitType: 'pageview', page: 'article/'+next_address, title: page_title } );
 						}
					}
				});
			}
		}

		if (!triggerFlag2 && triggerPoint2 <= 50) {
			triggerFlag2 = true;
			$.ajax({
				type: 'GET',
				scriptCharset: 'UTF-8',
				url: "../upload/list-sample5.php",
				data: {mcat_id: first_address2, start: cnt2},
				dataType: 'json',
				success:function (data2) {
					$("#loading2").html("<img src='./gif-load.gif'/>");
					var dataArray2 = data2.items;
					var imgpath = dataArray2[i].thumbnail.replace(".png", ".webp");
					imgpath = imgpath.replace(".jpg", ".webp");
					$.each(dataArray2, function (i) {
						html_source2 +='<li>' +
							'<div class="photo"><a href="../article/'+dataArray2[i].post_url+'"><picture><source srcset="'+imgpath+'" type="image/webp"><img src="'+imgpath+'" width="640"  height="437" alt="'+dataArray2[i].post_title+'"></picture></a></div>' +
							'<h2 class="title"><a href="../article/'+dataArray2[i].post_url+'">'+dataArray2[i].post_title+'</a></h2>' +
						'</li>';
					cnt2++;
					});
				},
				error: function () {
					return false;
				},
				complete: function (data2) {
					if(next_address2 != '.html') {
						$('#post_more').append(html_source2);
						triggerFlag2 = false;
					}
				}
			});
		}

	});
});

function GetScriptParams()
{
    var scripts = document.getElementsByTagName( 'script' );
    var src = scripts[ scripts.length - 1 ].src;

    var query = src.substring( src.indexOf( '?' ) + 1 );
    var parameters = query.split( '&' );

    // URLクエリを分解して取得する
    var result = new Object();
    for( var i = 0; i < parameters.length; i++ )
    {
        var element = parameters[ i ].split( '=' );

        var paramName = decodeURIComponent( element[ 0 ] );
        var paramValue = decodeURIComponent( element[ 1 ] );

        result[ paramName ] = paramValue;
    }

    return result;
}

function stopScroll(TOP) {
  scrollTop  = $(window).scrollTop();
  scrollLeft = $(window).scrollLeft();
  $('body').addClass('noscroll').css('top', (-TOP) + 'px').css('left', (-scrollLeft) + 'px');
}
 
function resumeScroll() {
  $('body').removeClass('noscroll').css('top', '0').css('left', '0');
  $(window).scrollTop(scrollTop);
  $(window).scrollLeft(scrollLeft);
}