"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();
};