/*===========================================================
もっと見るで記事一覧読み込み＆追加 2018/4以降バージョン
===========================================================*/
var send_url = "/more_rtop_json.php";
var page = 1;
var more_button_flag = 0;
var loading_flag = 0;
var default_button_text = "";

$(function(){
  
	checkBtnClear();
	setEvent();

	function setList(page){

	    var list_url = send_url+"?page="+page;
	    
	    //console.log(list_url);
	    
	    $.getJSON(list_url,function(json) {
			more_button_flag = json[0].next;
			checkBtnClear();
			addItems(json);
		});
		
	}
  
	function addItems(items){

		//console.log("addItems()");
	
		var htmltext = "";
		var news_title = "";
		var news_body = "";
		
		for (var i=0; i<items.length; i++){

			news_title = escapeString(items[i].news_title, false);
			news_public_start_datetime_disp = escapeString(items[i].public_start_datetime_disp, false);
			
			htmltext += '			<a href="/r.php?hash=%%HASH%%" data-ajax="false" style="text-decoration:none">				<table class="top_news_card">					<tr class="invertButton">						<td style="width:68%; padding: 7px 3px 7px 7px; vertical-align: top;">								<span class="fontSizeXLarge" style="color:#000;">%%NEWS_TITLE%%</span>											<div style="height:5px;"></div>											<div class="top_public_start_datetime_label">								%%NEWS_PUBLIC_START_DATE%%							</div>							</td>						<td rowspan="2" style="width:32%; padding: 5px 5px 5px 0; vertical-align:top;">							<img src="/image/news_image.php?r=1&news_id=%%NEWS_ID%%&image_type_id=%NEWS_IMAGE_TYPE_STREAM%" style="width:100%;">						</td>					</tr>				</table>			</a>	';
			htmltext = htmltext.replace(/%%NEWS_ID%%/g, items[i].news_id);
			htmltext = htmltext.replace(/%%NEWS_TITLE%%/g, news_title);
			htmltext = htmltext.replace(/%%NEWS_PUBLIC_START_DATE%%	/g, news_public_start_datetime_disp);
			htmltext = htmltext.replace(/%%HASH%%/g, items[i].hash);

		}

		$("#newlyList").append(htmltext);
		checkBtnClear();
		setInvertButton();
		
	}

	function checkBtnClear(){
		if (! default_button_text){
			default_button_text = $("#moreButton").text();
		}

		$("#moreButton").text(default_button_text);
		loading_flag = 0;
		
		if (more_button_flag == 0){		
			$("#moreButton").css("display","none");
		}
	}

	function setEvent(){

		setInvertButton();
		
		$("#moreButton").click(function(){
			if (loading_flag == 1){
				return;
			}

		$("#moreButton").text("取得中 ...");
			loading_flag = 1;
			setList(page);
			page++;	
		});
		
	}
   
   function setInvertButton(){

		$(".invertButton").unbind();

		$(".invertButton").bind("touchstart mousedown", function(){
			$(this).addClass("touchDown");
		});

		$(".invertButton").bind("touchend mouseup touchmove mouseout", function(){
			$(this).removeClass("touchDown");
		});

		$(".invertButton").hover(
			function(){

			},
			function(){
				$(this).removeClass("touchDown");
			}
		);

	}

	function escapeString(str, escape_flag){

		var targets = new Array();
		targets["'"]  = "%%SINGLE_QUOTE%%";
		targets["\""] = "%%DOUBLE_QUOTE%%";

		var bef;
		var aft;

		for (var key in targets){

			if (escape_flag){
				bef = key;
				aft = targets[key];
			}else {
				bef = targets[key];
				aft = key;
			}

			str = str.replace(new RegExp(bef, "g"), aft);
		
		}

		return str;

	}

});