/*js
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
// CssHidex v1.16 [ Commercial Version ]
// Copyright (c) phpkobo.com ( http://www.phpkobo.com/ )
// Email : admin@phpkobo.com
// ID : HDXCS-116
// URL : http://www.phpkobo.com/csshidex
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
////////////////////////////////////////////////////////////////////
// $shorthands
function $(selector,el_ref){
	return (el_ref?el_ref:document).querySelector(selector);
};
function $$(selector,el_ref){
	return (el_ref?el_ref:document).querySelectorAll(selector);
};
function $id(id){
	return document.getElementById(id);
};
function $ce(tagName){
	return document.createElement(tagName);
};
////////////////////////////////////////////////////////////////////
// jQuery.offset
function jqOffset(el){
	var rect=el.getBoundingClientRect();
	var el_body=document.documentElement;
	return {
		x:rect.left+el_body.scrollLeft,
		y:rect.top+el_body.scrollTop
	};
};
////////////////////////////////////////////////////////////////////
// ajaxCall
function ajaxCall(url_server,requ,callback,auxproc,errproc){
	const xhr=new XMLHttpRequest();
	xhr.open("POST",url_server,true);
	xhr.setRequestHeader("Content-Type",
		"application/x-www-form-urlencoded; charset=UTF-8");
	xhr.addEventListener("load",function(){
		if (xhr.status==200){
			let str=xhr.responseText;
			const sig="[!json!]";
			const pos=str.indexOf(sig);
			if(pos!=-1){
				if(pos>0){
					const pretext=str.substr(0,pos);
					if(errproc){errproc("SBL",pretext);}
				}
				str=str.substr(pos+sig.length);
				const resp=JSON.parse(str);
				if (resp.result=="OK"){
					if(callback){callback(resp);}
				}else{
					if(errproc){errproc("NOR",resp.result);}
				}
			}else{
				if(errproc){errproc("SMS",str);}
			}
		}else{
			let s="";
			s+="status:"+xhr.status+"\n";
			s+="statusText:"+xhr.statusText;
			if(errproc){errproc("N2H",s);}
		}
	});
	if(auxproc){auxproc(xhr);}
	xhr.send("requ="+encodeURIComponent(JSON.stringify(requ)));
	return xhr;
};
////////////////////////////////////////////////////////////////////
// protect a webpage form drag-and-drop
function preventFileDrop(){
	document.addEventListener("dragover",function(e){
		e.preventDefault();
	});
	document.addEventListener("drop",function(e){
		e.preventDefault();
	});
};
preventFileDrop();
////////////////////////////////////////////////////////////////////
// end events
function onEnd(el,callback,ename){
	const func=function(e){
		if(el==e.srcElement){
			el.removeEventListener(ename,func);
			if(callback){callback(e);}
		}
	};
	el.addEventListener(ename,func);
};
function onTransitionEnd(el,callback){
	onEnd(el,callback,"transitionend");
};
function onAnimationEnd(el,callback){
	onEnd(el,callback,"animationend");
};
////////////////////////////////////////////////////////////////////
// createElementFromHTML
function createElementFromHTML(html){
	const el=document.createElement("div");
	el.innerHTML=html;
	return el.firstElementChild;
}
////////////////////////////////////////////////////////////////////
// browser detection
function isSafari(){
	return (window.safari!==undefined);
};
function isFireFox(){
	return (navigator.userAgent.toLowerCase().indexOf('firefox')>-1);
};
function isIE(){
	var ua=window.navigator.userAgent;
	var msie=ua.indexOf("MSIE ");
	// Trident/7.0; rv:11.0
	return ((msie>0)||!!ua.match(/Trident.*rv\:11\./));
};
////////////////////////////////////////////////////////////////////
// send enter & space to click
function esToClick(el){
	el.addEventListener("keydown",function(e){
		if((e.key=="Enter")||(e.key==" ")){
			e.preventDefault();
			this.click();
		}
	});
	return el;
};
"use strict";
function CUiControl(px){
	var el_control=px.el_control;

	function enable(){
		el_control.classList.remove("uic-disable");
	};

	function disable(){
		el_control.classList.add("uic-disable");
	};

	function init(){
		enable();
	};

	init();
	return {
		enable:enable,
		disable:disable
	};
};
"use strict";
function CCardMove(px){
	// board
	var el_board=px.el_board;
	// dummy card
	var el_dummy=px.el_dummy;
	// moving card
	var el_moving=null;
	// vector form top-left of card to the clicked point
	var pos_incard=null;
	// limit movable area
	var limitrec=null;
	// card & board size
	var card_width=null;
	var card_height=null;
	var board_width=null;
	var board_height=null;
	// autoscroll timer id
	var autoscroll_tid=null;
	// sutoscroll speed
	var autoscroll_speed=px.autoscroll_speed?
		px.autoscroll_speed:0.2;

	// jQuery.offset
	function jqOffset(el){
		var rect=el.getBoundingClientRect();
		var el_body=document.documentElement;
		return {
			x:rect.left+el_body.scrollLeft,
			y:rect.top+el_body.scrollTop
		};
	};

	// debounce function to reduce # of the "pointermove" event
	function debounce(fn,time){
		var timer=null;
		return function(e){
			clearTimeout(timer);
			timer=setTimeout(function(){fn(e);},time);
		};
	};

	function calcLimitRec(){
		var cnt=el_board.childElementCount;
		if(cnt){
			limitrec={};
			// calc min_x & min_y
			var el=el_board.children[0];
			limitrec.min_x=el.offsetLeft;
			limitrec.min_y=el.offsetTop;
			// calc max_x
			var max_x=-1;
			for(var i=0;i<cnt;i++){
				var el=el_board.children[i];
				var x=el.offsetLeft;
				if(max_x>=x){break;}
				max_x=x;
			}
			limitrec.max_x=max_x;
			// calc max_y
			var el=el_board.children[cnt-1];
			limitrec.max_y=el.offsetTop;
		}else{
			limitrec=null;
		}
	};

	function swapCard(pos_center){
		var cnt=el_board.children.length;
		if(cnt){
			var el_hit=null;
			for(var el of el_board.children){
				if((el!=el_dummy)&&(el!=el_moving)){
					var x=el.offsetLeft;
					var y=el.offsetTop;
					if((pos_center.y<y+card_height)&&
						(pos_center.x<x+card_width)&&
						(y<=pos_center.y)&&
						(x<=pos_center.x)){
						el_hit=el;
						break;
					}
				}
			}
			if(el_hit){
				// swap cards
				var pos_s={
					x:el_dummy.offsetLeft,
					y:el_dummy.offsetTop
				};
				var pos_e={
					x:el_hit.offsetLeft,
					y:el_hit.offsetTop
				};
				if((pos_s.y==pos_e.y)?(pos_s.x<pos_e.x):(pos_s.y<pos_e.y)){
					el_hit.after(el_dummy);
				}else{
					el_hit.before(el_dummy);
				}
			}
		}
	};

	function autoScroll(){
		if(autoscroll_tid){return;}
		var threshold_y=1;
		autoscroll_tid=setInterval(function(){
			var b_continue=false
			if(el_moving){
				var top_scroll=el_board.scrollTop;
				var top_moving=parseInt(el_moving.style.top);
				var dy_up=(top_scroll-threshold_y)-top_moving;
				var dy_down=(top_moving+card_height)-
					(top_scroll+board_height+threshold_y);
				if((0<dy_up)||(top_moving==limitrec.min_y)){
					dy_up=Math.max(1,Math.floor(dy_up*autoscroll_speed));
					el_board.scrollTop=Math.max(0,top_scroll-dy_up);
					el_moving.style.top=Math.max(limitrec.min_y,top_moving-dy_up)+"px";
					b_continue=true;
				}else if((0<dy_down)||(top_moving==limitrec.max_y)){
					dy_down=Math.max(1,Math.floor(dy_down*autoscroll_speed));
					el_board.scrollTop=top_scroll+dy_down;
					el_moving.style.top=Math.min(limitrec.max_y,top_moving+dy_down)+"px";
					b_continue=true;
				}
			}
			if(!b_continue){
				clearInterval(autoscroll_tid);
				autoscroll_tid=null;
			}
		},20);
	};

	function beginMove(e){
		// capture pointer
		el_board.setPointerCapture(e.pointerId);
		// add "touch-action:none;"
		el_board.classList.add("cac-board-moving");
		// get el_handle
		var el_handle=e.target;
		// set moving element
		el_moving=el_handle.closest(".cac-card-case");
		// get el_card from el_card_case
		var el_card=el_moving.children[0];
		// calc min and max (x,y)
		calcLimitRec();
		// calculate the "in-card vector" that goes from
		// the left-top of the card to the clicked position.
		// Using jqOffset and taking differences seems to be
		// the easiest way to get the vector.
		var pos_moving=jqOffset(el_moving);
		var pos_handle=jqOffset(el_handle);
		pos_incard={
			x:(pos_handle.x-pos_moving.x)+e.offsetX,
			y:(pos_handle.y-pos_moving.y)+e.offsetY
		};
		// keep left&top offset before putting a dummy card
		var left=el_moving.offsetLeft;
		var top=el_moving.offsetTop;
		// put dummy card
		el_moving.after(el_dummy);
		// go "absolute" mode
		var sty=el_moving.style;
		sty.position="absolute";
		sty.left=left+"px";
		sty.top=top+"px";
		sty["z-index"]=100;
		// [event] trigger "card-move-begin"
		var event=new CustomEvent("card-move-begin",{detail:el_moving});
		el_board.dispatchEvent(event);
		// [card size]
		// the card size is used in "swapCard"
		var sty_card=window.getComputedStyle(el_moving);
		card_width=parseInt(sty_card.getPropertyValue("width"));
		card_height=parseInt(sty_card.getPropertyValue("height"));
		// [board size]
		// the board size is used in "autoScroll"
		var sty_board=window.getComputedStyle(el_board);
		board_width=parseInt(sty_board.getPropertyValue("width"));
		board_height=parseInt(sty_board.getPropertyValue("height"));
	};

	function dragMove(e){
		// calc moving card position
		var pos_moving={
			x:el_board.scrollLeft+e.offsetX-pos_incard.x,
			y:el_board.scrollTop+e.offsetY-pos_incard.y
		};
		// limit moving card position
		if(limitrec){
			pos_moving.x=Math.min(Math.max(
				pos_moving.x,limitrec.min_x),limitrec.max_x);
			pos_moving.y=Math.min(Math.max(
				pos_moving.y,limitrec.min_y),limitrec.max_y);
		}
		// assign moving card position
		el_moving.style.left=pos_moving.x+"px";
		el_moving.style.top=pos_moving.y+"px";
		// call swapCard with
 		// the vector from the top left corner of el_board
		// to the center of the moving card
		swapCard({
			x:Math.floor(pos_moving.x+card_width/2),
			y:Math.floor(pos_moving.y+card_height/2)
		});
		// auto scroll
		autoScroll();
	};

	function endMove(e){
		// get el_card from el_card_case
		var el_card=el_moving.children[0];
		// resume "relative" mode
		var sty=el_moving.style;
		sty.position="relative";
		sty.left="0";
		sty.top="0";
		sty["z-index"]="auto";
		// relocate dummy card
		el_dummy.after(el_moving);
		// remove dummy card
		el_dummy.remove();
		// trigger event
		var event=new CustomEvent("card-move-end",{detail:el_moving});
		el_board.dispatchEvent(event);
		// remove "touch-action:none;"
		el_board.classList.remove("cac-board-moving");
		// release pointer capture
		el_board.releasePointerCapture(e.pointerId);
		// reset moving flag
		el_moving=null;
	};

	function init(){
		// pointerdown event
		el_board.addEventListener("pointerdown",function(e){
			e.preventDefault();
			// [pointer capture]
			// style "touch-action:none;" is necessary for touch device
			// proceed only when e.which==1 (left button)
			if(e.which==1){
				if(e.target.classList.contains("cac-handle")){
					beginMove(e);
				}
			}
		});
		// pintermove event
		el_board.addEventListener("pointermove",debounce(function(e){
			e.preventDefault();
			if(el_moving){
				dragMove(e);
			}
		},1));
		// pointerup event
		el_board.addEventListener("pointerup",function(e){
			e.preventDefault();
			if(el_moving){
				endMove(e);
			}
		});
		// disable the context menu
		// to prevent the context menu from interfering
		// pointer capture & release
		el_board.addEventListener("contextmenu",function(e){
			e.preventDefault();
		});
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CCardTotal
function CCardTotal(px){
	// elements
	var el_total=px.el_control.querySelector(".cac-n-total");
	var el_board=px.el_control.querySelector(".cac-board");

	function init(){
		el_board.addEventListener("card-total-update",function(e){
			this.dispatchEvent(new CustomEvent("card-total",
				{detail:this.children.length}));
		});
		el_board.addEventListener("card-total",function(e){
			var n=e.detail;
			el_total.innerHTML=n;
			el_total.setAttribute("value",n);
		});
	};

	init();
};
////////////////////////////////////////////////////////////////////
// CCardSelect
function CCardSelect(px){
	// elements
	var el_selectall=px.el_control.querySelector(".cac-cb-selectall");
	var el_numofsel=px.el_control.querySelector(".cac-n-numofsel");
	var el_board=px.el_control.querySelector(".cac-board");

	function init(){
		el_selectall.addEventListener("click",function(e){
			var b=this.checked;
			for(var el of el_board.children){
				var el_select=el.querySelector(".cac-cb-select");
				el_select.checked=b;
			}
			el_board.dispatchEvent(new Event("card-numofsel-update"));
		});
		el_board.addEventListener("click",function(e){
			if(e.target.classList.contains("cac-cb-select")){
				el_board.dispatchEvent(new Event("card-numofsel-update"));
			}
		});
		el_board.addEventListener("card-numofsel-update",function(e){
			var n=0;
			for(var el of this.children){
				var el_select=el.querySelector(".cac-cb-select");
				if(el_select.checked){n++;}
			}
			this.dispatchEvent(new CustomEvent("card-numofsel",
				{detail:n}));
		});
		el_board.addEventListener("card-numofsel",function(e){
			var n=e.detail;
			// adjust the numofsel display
			el_numofsel.innerHTML=n;
			el_numofsel.setAttribute("value",n);
			// adjust the selectall checkbox
			if(n==0){
				el_selectall.checked=false;
			}else{
			 	if(n==this.children.length){
					el_selectall.checked=true;
				}
			}
		});
	};

	init();
};
////////////////////////////////////////////////////////////////////
// CCardAddNew
function CCardAddNew(px){
	// elements
	var el_addnew=px.el_control.querySelector(".cac-btn-addnew");
	var el_board=px.el_control.querySelector(".cac-board");

	function addNew(el_after){
		px.insertCard(px.createCard(
			{el_board:el_board,label:"NEW"}),el_after);
		el_board.dispatchEvent(new Event("card-total-update"));
	};

	function init(){
		el_addnew.addEventListener("click",function(e){
			addNew(0);
		});
		el_board.addEventListener("click",function(e){
			if(e.target.classList.contains("cac-btn-addnew")){
				addNew(e.target.closest(".cac-card-case"));
			}
		});
	};

	init();
};
////////////////////////////////////////////////////////////////////
// CCardDelete
function CCardDelete(px){
	// elements
	var el_delete=px.el_control.querySelector(".cac-btn-delete");
	var el_board=px.el_control.querySelector(".cac-board");

	function init(){
		el_delete.addEventListener("click",function(e){
			// list up
			var ls=[];
			for(var el of el_board.children){
				var el_select=el.querySelector(".cac-cb-select");
				if(el_select.checked){
					ls.push(el);
				}
			}
			if(ls.length){
				// delete all in the list
				for(var i=0;i<ls.length;i++){
					ls[i].remove();
				}
				// update info
				el_board.dispatchEvent(new Event("card-total-update"));
				el_board.dispatchEvent(new Event("card-numofsel-update"));
			}
		});
	};

	init();
};
"use strict";
function CCardControl(px){
	// elements
	var el_control=px.el_control;
	var el_board=el_control.querySelector(".cac-board");

	// insert card
	function insertCard(el,el_after){
		if(el_after===0){
			el_board.prepend(el);
		}else if(el_after===null){
			el_board.appendChild(el);
		}else if(el_after){
			el_after.after(el);
		}
	};

	// update info
	function updateInfo(){
		el_board.dispatchEvent(new Event("card-total-update"));
		el_board.dispatchEvent(new Event("card-numofsel-update"));
	};

	// create a dummy card that fills a slot for a moving card
	function createDummyCard(){
		var el_tpl=document.getElementById("cac-card-template");
		var el_card_case=el_tpl.querySelector(".cac-card-case").cloneNode(true);
		var el_card=el_card_case.querySelector(".cac-card");
		el_card.innerHTML="";
		el_card.classList.add("cac-card-dummy");
		return el_card_case;
	};

	function init(){
		// components
		CCardTotal({el_control:el_control});
		CCardSelect({el_control:el_control});
		CCardAddNew({
			el_control:el_control,
			insertCard:insertCard,
			createCard:px.createCard
		});
		CCardDelete({el_control:el_control});
		CCardMove({
			el_board:el_board,
			el_dummy:createDummyCard(),
			autoscroll_speed:0.2
		});
		// card-move-begin
		el_board.addEventListener("card-move-begin",function(e){
			e.detail.classList.add("cac-card-moving");
		});
		// card-move-end
		el_board.addEventListener("card-move-end",function(e){
			e.detail.classList.remove("cac-card-moving");
		});
		// info update
		updateInfo();
		// call base class
		CUiControl({
			el_control:el_control
		});
	};

	init();
	return {
		insertCard:insertCard,
		updateInfo:updateInfo
	};
};