/*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 CRMenuControl(px){
	// elements
	const el_control=px.el_control;
	const el_area=px.el_area;//the area that contains menu
	const el_mode_ref=px.el_mode_ref;//mode reference
	// rmn specification root
	const sp_root=px.sp_root;
	// "auto","expand","compact"
	let mmode=px.menu_mode;
	const b_mmode_auto=(px.menu_mode=="auto");
	// mappings
	const mapE2S=new WeakMap();//from element to spec
	const mapP2C=new WeakMap();//from parent el_item to child el_box
	const mapC2P=new WeakMap();//from child el_box to parent el_item

	function isSafari(){
		return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
	};

	function isFirefox(){
		return (navigator.userAgent.indexOf("Firefox")!==-1);
	};

	// remove all child nodes
	function removeAllChildNodes(parent){
		while(parent.firstChild){
			parent.removeChild(parent.firstChild);
		}
	};

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

	function isTopItem(el_item){
		return !!(el_item.closest(".rmn-control"));
	};

	function keyHandlerX(el,key){
		if(!el){return false;}
		const b_top=isTopItem(el);
		const b_has=el.classList.contains("rmn-has-menu");
		const b_open=el.classList.contains("rmn-open");

		function clickSelf(el){
			el.click();
		};

		function clickParent(el,key){
			const el_item=mapC2P.get(el.parentElement);
			el_item.click();
			if(key){
				if(isTopItem(el_item)){
					keyHandlerX(el_item,key);
				}
			}
		};

		function openSubmenu(el){
			if(!b_open){el.click();}
			const el_box=mapP2C.get(el);
			if(el_box){
				const el_item=el_box.querySelector(".rmn-item");
				if(el_item){el_item.focus();}
			}
		};

		function moveSibling(el,key){
			if(b_open){el.click();}
			let el_item;
			switch(key){
			case "ArrowUp":
			case "ArrowLeft":
				el_item=el.previousElementSibling;
				break;
			case "ArrowDown":
			case "ArrowRight":
				el_item=el.nextElementSibling;
				break;
			}
			if(el_item){
				el_item.focus();
			}else if(key=="ArrowUp"){
				clickParent(el);
			}
		};

		function moveRL(el,key){
			if(b_top){
				moveSibling(el,key);
			}else{
				if(b_has){
					openSubmenu(el);
				}else{
					clickParent(el,key);
				}
			}
		};

		function openFirstMenu(el){
			if(b_has){
				if(!b_open){el.click();}
				const el_box=mapP2C.get(el);
				if(el_box){
					const el_item=el_box.querySelector(".rmn-item");
					if(el_item){el_item.focus();}
				}
			}
		};

		switch(key){
		case "Enter":
			clickSelf(el);
			break;
		case "Escape":
			if(b_open){
				clickSelf(el);
			}else if(!b_top){
				clickParent(el);
			}
			break;
		case "ArrowUp":
			if(!b_top){
				moveSibling(el,key);
			}
			break;
		case "ArrowDown":
			if(b_top){
				openFirstMenu(el);
			}else{
				moveSibling(el,key);
			}
			break;
		case "ArrowLeft":
		case "ArrowRight":
			moveRL(el,key);
			break;
		default:
			return false;
		}
		return true;
	};

	function keyHandler(el,e){
		if(keyHandlerX(el,e.key)){
			e.preventDefault();
			e.stopPropagation();
		}
	};

	function setupItem(el_item,sp_item){
		// mapping
		mapE2S.set(el_item,sp_item);
		// href
		const action=sp_item.menu?"+":sp_item.action;
		el_item.setAttribute("href",action);
		// target
		if(sp_item.target){el_item.setAttribute("target",sp_item.target);}
		// tabindex
		el_item.setAttribute("tabindex",0);
		// has-menu
		if(sp_item.menu){
			el_item.classList.add("rmn-has-menu");
		}
		// click
		el_item.addEventListener("click",function(e){
			// [BEGIN] close the sibling that is currently open
			// (1) find parent
			let el_parent=this.closest(".rmn-control");
			if(!el_parent){el_parent=this.closest(".rmn-box");}
			// (2) find the sibling that is currently open
			let el_sibling=el_parent.querySelector(".rmn-open");
			// (3) close it
			if(el_sibling&&(el_sibling!=this)){
				closeMenu(el_sibling);
			}
			// [END] close the sibling that is currently open
			// focus
			this.focus();
			// get href data
			const href=this.getAttribute("href");
			// open a rmn
			if(href=="+"){
				e.preventDefault();
				e.stopPropagation();
				if(this.classList.contains("rmn-open")){
					closeMenu(this);
				}else{
					openMenu(this);
				}
			}
			// execute a command
			if(href.substr(0,1)=="@"){
				e.preventDefault();
				// obtain a command
				const cmd=href.substr(1);
				// execute a command
				el_control.dispatchEvent(new CustomEvent(
					"execute",{detail:cmd}));
			}
		});
		el_item.addEventListener("keyup",function(e){
			keyHandler(this,e);
		});
		el_item.addEventListener("keydown",function(e){
			e.preventDefault();
			e.stopPropagation();
		});
	};

	function createSmiLeft(){
		// create sub rmn indicator inner
		const el_smi_inner=document.createElement("div");
		// classname
		el_smi_inner.className="rmn-smi-inner-left";
		// create sub rmn indicator
		const el_smi=document.createElement("div");
		// classname
		el_smi.className="rmn-smi-left";
		// append inner
		el_smi.appendChild(el_smi_inner);
		// return
		return el_smi;
	};

	function createSmiRight(){
		// create sub rmn indicator inner
		const el_smi_inner=document.createElement("div");
		// classname
		el_smi_inner.className="rmn-smi-inner-right";
		// create sub rmn indicator
		const el_smi=document.createElement("div");
		// classname
		el_smi.className="rmn-smi-right";
		// append inner
		el_smi.appendChild(el_smi_inner);
		// return
		return el_smi;
	};

	function createLabel(label){
		// create sub rmn indicator
		const el_label=document.createElement("div");
		// classname
		el_label.className="rmn-label";
		// label
		el_label.innerHTML=label;
		// return
		return el_label;
	};

	function createItem(sp_item){
		let el_item;
		if(sp_item.name&&(sp_item.name=="-")){
			// create anchor element
			el_item=document.createElement("div");
			// classname
			el_item.className="rmn-separator";
		}else{
			// create anchor element
			el_item=document.createElement("a");
			// classname
			el_item.className="rmn-item";
			// setup
			setupItem(el_item,sp_item);
			// insert components
			el_item.appendChild(createSmiLeft());
			el_item.appendChild(createLabel(sp_item.label));
			el_item.appendChild(createSmiRight());
		}
		// return
		return el_item;
	};

	function createBox(el_item){
		const sp_item=mapE2S.get(el_item);
		const menu=sp_item.menu;
		// create rmn box
		var el_box=document.createElement("div");
		// classname
		el_box.className="rmn-box";
		// add nontop class
		if(!isTopItem(el_item)){
			el_box.classList.add("rmn-box-nontop");
		}
		// add children
		for(let i=0;i<menu.length;i++){
			el_box.appendChild(createItem(menu[i]));
		}
		// return
		return el_box;
	};

	function openMenu(el_item){
		// is it in topmenu?
		if(isTopItem(el_item)){
			// create rmn-box
			const el_box=createBox(el_item)
			// insert rmn-box
			el_area.appendChild(el_box);
			if(mmode=="expand"){
				// adjust the location
				const sty_area=window.getComputedStyle(el_area);
				const w_area=parseInt(sty_area.getPropertyValue("width"));
				const sty_box=window.getComputedStyle(el_box);
				const w_box=parseInt(sty_box.getPropertyValue("width"));
				const os_item=jqOffset(el_item);
				const x=Math.min(os_item.x,w_area-w_box-1);
				// set position
				el_box.style.position="absolute";
				el_box.style.left=x+"px";
				el_box.style.top=0+"px";
			}
			// map rmn-item to rmn-box
			mapP2C.set(el_item,el_box);
			mapC2P.set(el_box,el_item);
			// set rmn-open flag
			el_item.classList.add("rmn-open");
			// calc area height
			const pos=jqOffset(el_area);
			const h1=document.body.clientHeight;
			const h2=document.body.scrollTop+window.innerHeight;
			const h=Math.max(h1,h2)-pos.y;
			el_area.style.height=h+"px";
		}else{
			// create rmn-box
			el_box=createBox(el_item);
			// insert rmn-box
			if(mmode=="compact"){
				el_item.after(el_box);
			}
			if(mmode=="expand"){
				el_area.appendChild(el_box);
				const sty_box=window.getComputedStyle(el_box);
				const w_box=parseInt(sty_box.getPropertyValue("width"));
				const el_box_parent=el_item.closest(".rmn-box");
				const os_area=jqOffset(el_area);
				const os_item=jqOffset(el_item);
				const os_box_parent=jqOffset(el_box_parent);
				const sty_parent_box=window.getComputedStyle(el_box_parent);
				const w_parent_box=parseInt(sty_parent_box.getPropertyValue("width"));
				const sty_area=window.getComputedStyle(el_area);
				const w_area=parseInt(sty_area.getPropertyValue("width"));
				const space_l=(os_box_parent.x-os_area.x);
				const space_r=(os_area.x+w_area)-(os_box_parent.x+w_parent_box);
				const x=(space_l>space_r)?
					(os_box_parent.x-w_box-os_area.x):
					(os_box_parent.x+w_parent_box-os_area.x);
				const y=os_item.y-os_area.y;
				el_box.style.position="absolute";
				el_box.style.left=x+"px";
				el_box.style.top=y+"px";
			}
			// map rmn-item to rmn-box
			mapP2C.set(el_item,el_box);
			mapC2P.set(el_box,el_item);
			// set rmn-open flag
			el_item.classList.add("rmn-open");
		}
	};

	function closeMenu(el_item){
		// if el_item is none, then clear any open menu
		if(!el_item){
			el_item=el_control.querySelector(".rmn-open");
		}
		// get el_box and delete it from mapping
		const el_box=mapP2C.get(el_item);
		if(el_box){
			mapP2C.delete(el_item);
			mapC2P.delete(el_box);
			// if there is an open item in the box, then close it first
			const el_item_open=el_box.querySelector(".rmn-open");
			if(el_item_open){closeMenu(el_item_open);}
			// close rmn-box
			el_box.remove();
			// reset rmn-open flag
			el_item.classList.remove("rmn-open");
			// clear el_area
			if(isTopItem(el_item)){
				el_area.style.height="auto";
			}
		}
		// focus
		if(el_item){el_item.focus();}
	};

	function findItemFromPath(nx,idx,sp_item){
		if(idx<nx.length){
			const name=nx[idx];
			if(name==""){
				return sp_item;
			}else if(sp_item.menu){
				const menu=sp_item.menu;
				for(let i=0;i<menu.length;i++){
					const sp_item0=menu[i];
					if(sp_item0.name&&(sp_item0.name==name)){
						if(nx.length-1==idx){
							return sp_item0;
						}else{
							return findItemFromPath(nx,idx+1,sp_item0);
						}
					}
				}
			}
		}
		return null;
	};

	function getItemFromPath(path){
		const nx=path.split("/");
		nx.shift();
		return findItemFromPath(nx,0,sp_root);
	};

	function getMode(){
		const style=window.getComputedStyle(el_mode_ref);
		const display=style.getPropertyValue("display");
		return (display=="none")?"compact":"expand";
	};

	function setupMode(){
		if(b_mmode_auto){
			mmode=getMode();
		}
		if(mmode=="compact"){
			el_control.querySelector(".rmn-control-compact").classList.remove("rmn-hidden");
			el_control.querySelector(".rmn-control-expand").classList.add("rmn-hidden");
			el_area.classList.add("rmn-compact");
			el_area.classList.remove("rmn-expand");
		}else{
			el_control.querySelector(".rmn-control-compact").classList.add("rmn-hidden");
			el_control.querySelector(".rmn-control-expand").classList.remove("rmn-hidden");
			el_area.classList.remove("rmn-compact");
			el_area.classList.add("rmn-expand");
		}
	};

	function init(){
		// raise browser flags
		if(isSafari()){
			el_control.classList.add("rmn-safari");
			el_area.classList.add("rmn-safari");
		}
		if(isFirefox()){
			el_control.classList.add("rmn-firefox");
			el_area.classList.add("rmn-firefox");
		}
		// setup resize event
		window.addEventListener("resize",function(){
			closeMenu();
			setupMode();
		});
		setupMode();
		// init el_area
		el_area.addEventListener("click",function(){
			closeMenu();
		});
		// init all rmn-item in rmn-control
		const elx=el_control.querySelectorAll(".rmn-item");
		for(let i=0;i<elx.length;i++){
			const el_item=elx[i];
			// add spec to the element
			const path=el_item.getAttribute("data-rmn-path");
			const sp_item=getItemFromPath(path);
			setupItem(el_item,sp_item);
		}
		// call base class
		CUiControl({
			el_control:el_control
		});
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// rmenu_spec
const rmenu_spec={
	label:"ROOT",
	menu:[
		{
			name:"cleanup",
			label:"Clean Up",
			action:"@cleanup"
		},
		{
			name:"-"
		},
		{
			name:"slideshows",
			label:"Slideshows",
			menu:[
				{
					label:"Add New",
					action:"@slideshow-addnew"
				},
				{
					label:"Search",
					menu:[
						{
							label:"Search Fast",
							action:"@slideshow-search-fast"
						},
						{
							label:"Search Deep",
							action:"@slideshow-search-deep"
						}
					]
				}
			]
		},
		{
			name:"users",
			label:"Users",
			menu:[
				{
					label:"Users-Add New",
					action:"@user-addnew"
				},
				{
					label:"Users-Search",
					action:"@user-search"
				}
			]
		},
		{
			name:"-"
		},
		{
			name:"exit",
			label:"Exit",
			action:"task.php"
			,target:"_blank"
		}
	]
};