enum AREA_SHAPE {
	rectangle,
	elipse
}

function areaBox(_onModify) constructor {
	onModify = _onModify;
	onSurfaceSize = -1;
	
	active  = false;
	hover   = false;
	
	onModifySingle[0] = function(val) { onModify(0, toNumber(val)); }
	onModifySingle[1] = function(val) { onModify(1, toNumber(val)); }
	onModifySingle[2] = function(val) { onModify(2, toNumber(val)); }
	onModifySingle[3] = function(val) { onModify(3, toNumber(val)); }
	
	for(var i = 0; i < 4; i++) {
		tb[i] = new textBox(TEXTBOX_INPUT.number, onModifySingle[i]);
	}
	
	static draw = function(_x, _y, _data, _m) {
		if(buttonInstant(s_button_hide, _x - 48, _y + 64 - 48, 96, 96, _m, active, hover, "", s_inspector_area, array_safe_get(_data, 4), c_white) == 2) {
			if(mouse_check_button_pressed(mb_left)) {
				var val = (array_safe_get(_data, 4) + 1) % 2;
				onModify(4, val);
			}
		}
		
		if(onSurfaceSize != -1) {
			if(buttonInstant(s_button_hide, _x - 64 - 12, _y + 28 - 12, 24, 24, _m, active, hover, "Fill surface", s_fill_16, 0, c_white) == 2) {
				var ss = onSurfaceSize();
				onModify(0, toNumber(ss[0] / 2));
				onModify(1, toNumber(ss[1] / 2));
				onModify(2, toNumber(ss[0] / 2));
				onModify(3, toNumber(ss[1] / 2));
			}
		}
		
		for(var i = 0; i < 4; i++) {
			tb[i].hover  = hover;
			tb[i].active = active;
			tb[i].align  = fa_center;
		}
		
		tb[0].draw(_x - 56 - 48, _y - 28, 96, 34, array_safe_get(_data, 0), _m);
		tb[1].draw(_x + 56 - 48, _y - 28, 96, 34, array_safe_get(_data, 1), _m);
		
		tb[2].draw(_x - 36,      _y + 64 + 48 + 8,      64, 34, array_safe_get(_data, 2), _m);
		tb[3].draw(_x + 64,      _y + 64 - 16,          64, 34, array_safe_get(_data, 3), _m);
		
		active = false;
		hover  = false;
	}
}