"use strict";
////////////////////////////////////////////////////////////////////
// CElementResizeEvent
function CElementResizeEvent(px){
	// elements
	var el_control=px.el_control;
	var el_expand=null;
	var el_shrink=null;
	// parameters
	var detect=px.detect?px.detect:"wh";
	// variables
	var width=-1;
	var height=-1;

	function init(){
		function scrollMax(el){
			var left0=el.scrollWidth-el.clientWidth;
			var top0=el.scrollHeight-el.clientHeight;
			if(left0!=el.scrollLeft){el.scrollLeft=left0;}
			if(top0!=el.scrollTop){el.scrollTop=top0;}
		};
		function scrollMaxAll(){
			scrollMax(el_expand);
			scrollMax(el_shrink);
		};
		function raizeEvent(){
			var first=(width==-1);
			var trigger=false;
			if(el_control.offsetWidth!=width){
				width=el_control.offsetWidth;
				if(detect.indexOf("w")!==-1){
					trigger=true;
				}
			}
			if(el_control.offsetHeight!=height){
				height=el_control.offsetHeight;
				if(detect.indexOf("h")!==-1){
					trigger=true;
				}
			}
			if(trigger&&!first){
				el_control.dispatchEvent(new Event("resize"));
			}
		};
		// visibility
		if(px.visibility){
			el_control.style.visibility=px.visibility;
		}
		// build
		var el_expand_sub=document.createElement("div");
		el_expand_sub.className="ere-expand-sub";
		el_expand=document.createElement("div");
		el_expand.className="ere-expand";
		el_expand.appendChild(el_expand_sub);
		var el_shrink_sub=document.createElement("div");
		el_shrink_sub.className="ere-shrink-sub";
		el_shrink=document.createElement("div");
		el_shrink.className="ere-shrink";
		el_shrink.appendChild(el_shrink_sub);
		el_control.appendChild(el_expand);
		el_control.appendChild(el_shrink);
		// events
		el_expand.addEventListener("scroll",function(e){
			scrollMaxAll();
			raizeEvent();
		});
		el_shrink.addEventListener("scroll",function(e){
			scrollMaxAll();
			raizeEvent();
		});
		scrollMaxAll();
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CPageHeading
function CPageHeading(px){
	// elements
	var el_control=px.el_control;
	// variables

	function buildShadowDiv(){
		var el_resize=el_control.querySelector(".ere-control");
		var el_shadow=document.createElement("div");
		el_control.after(el_shadow);
		CElementResizeEvent({
			el_control:el_resize,
			detect:"h"
		});
		function copyHeight(){
			el_shadow.style.height=el_control.offsetHeight+"px";
		};
		el_resize.addEventListener("resize",function(e){
			copyHeight();
		});
		copyHeight();
	};

	function init(){
		//buildShadowDiv();
	};

	init();
};
function CPageBody(px){
	// elements
	var el_control=px.el_control;
	// variables

	function init(){
		var el_enlarge_title=el_control.querySelector("#enlarge-title");
		el_enlarge_title.addEventListener("click",function(e){
			var el_heading=document.querySelector(".page-heading");
			el_heading.classList.toggle("page-heading-toggle");
		});

		var el_add_more_contents=el_control.querySelector("#add-more-contents");
		el_add_more_contents.addEventListener("click",function(e){
			var el_more_contents=document.querySelector(".more-contents");
			el_more_contents.classList.toggle("more-contents-toggle");
		});

	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CPageFooter
function CPageFooter(px){
	// elements
	var el_control=px.el_control;
	// variables

	function init(){
/*
		// build
*/
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CPage
function CPage(px){
	// elements
	var el_control=px.el_control;
	var el_heading=el_control.querySelector(".page-heading");
	var el_body=el_control.querySelector(".page-body");
	var el_footer=el_control.querySelector(".page-footer");
	// variables

	function init(){
		// build
		CPageHeading({
			el_control:el_heading
		});
		CPageBody({
			el_control:el_body
		});
		CPageFooter({
			el_control:el_footer
		});
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CPageStack
function CPageStack(px){
	// elements
	var el_control=px.el_control;
	// variables

	function init(){
		var el_page=el_control.querySelector(".page");
		CPage({
			el_control:el_page
		});
	};

	init();
};
"use strict";
////////////////////////////////////////////////////////////////////
// CUnit
function CUnit(px){
	// elements
	// variables

	function onDOMloaded(){
		var el_pagestack=document.querySelector("#pagestack");
		CPageStack({
			el_control:el_pagestack
		});
	};

	function init(){
		document.addEventListener("DOMContentLoaded",function(e){
			onDOMloaded();
		});
	};

	init();
};
CUnit({});