function globalvar_viewer_init() {
	var_editing = false;
	
	var_dragging    = noone;
	var_drag_disp   = noone;
	var_drag_insert = 0;
	var_drag_shift  = 0;
}

function globalvar_viewer_draw(xx, yy, ww, _m, focus, hover, _scrollPane, rx, ry) {
	var hh   = 0;
	var lb_h = line_get_height(f_p0) + ui(8);
	var padd = ui(8);
	var chov = false; 
	
	var _node = PROJECT.globalNode;
	
	if(var_editing) {
		var del = noone;
		if(array_length(_node.inputs)) {
			yy += ui(8);
			hh += ui(8);
		}
		
		var wd_x  = xx;
		var wd_w  = ww;
		
		var _len = array_length(_node.inputs);
		var _ins = var_drag_insert;
		var_drag_insert = _len;
		
		var _hov = hover && (var_dragging == noone);
		var _foc = focus && (var_dragging == noone);
		
		var_drag_shift = lerp_float(var_drag_shift, (var_dragging != noone) * 48, 4);
		
		for( var j = 0; j < _len; j++ ) {
			var _inpu = _node.inputs[j];
			var _edit = _inpu.editor;
			
			var _wd_x = wd_x + (var_drag_disp == j) * var_drag_shift;
			var wd_h  = ui(32);
			
			if(var_dragging != noone && _m[1] < yy && var_drag_insert == _len) 
				var_drag_insert = j > var_dragging? j : j - 1;
				
			if(j) {
				draw_set_color(merge_color(c_black, COLORS.panel_toolbar_separator, 0.75));
				draw_line_round(wd_x + ui(8), yy, wd_x + wd_w - ui(16), yy, 4);
						
				yy += ui(10);
				hh += ui(10);
			}
			
			if(var_dragging == noone) {
				var bx = wd_x + ui(10);
				var by = yy + ui(16);
				if(hover && point_in_rectangle(_m[0], _m[1], bx - ui(12), by - ui(12), bx + ui(12), by + ui(12))) {
					chov = true;
					draw_sprite_stretched_ext(THEME.s_box_r5_clr, 0, bx - ui(12), by - ui(12), ui(24), ui(24), COLORS._main_icon_light, 1);
					
					if(mouse_press(mb_left, _foc)) {
						var_drag_disp   = j;
						var_dragging    = j;
						var_drag_insert = j;
					}
				} else 
					draw_sprite_stretched_ext(THEME.s_box_r5_clr, 0, bx - ui(12), by - ui(12), ui(24), ui(24), COLORS._main_icon_light, 0.75);
			
				draw_sprite_ext(THEME.hamburger, 0, bx, by, 0.5, 0.5, 0, COLORS._main_icon_light, 1);
			}
			
			_edit.tb_name.setFocusHover(_foc, _hov);
			_edit.sc_type.setFocusHover(_foc, _hov);
			_edit.sc_disp.setFocusHover(_foc, _hov);
			
			if(_foc) _edit.tb_name.register(_scrollPane);
			
			_edit.tb_name.draw(_wd_x + ui(32), yy, wd_w - wd_h - ui(32 + 4), wd_h, _inpu.name, _m, TEXTBOX_INPUT.text);
			if(buttonInstant(THEME.button_hide, _wd_x + wd_w - wd_h, yy, wd_h, wd_h, _m, _foc, _hov,, THEME.icon_delete,, COLORS._main_value_negative) == 2) 
				del = j;
			yy += wd_h + ui(8);
			hh += wd_h + ui(8);
						
			_edit.sc_type.draw(_wd_x, yy, wd_w / 2 - ui(2), wd_h, _edit.val_type_name[_edit.type_index], _m, rx, ry);
			_edit.sc_disp.draw(_wd_x + wd_w / 2 + ui(2), yy, wd_w / 2 - ui(2), wd_h, _edit.sc_disp.data_list[_edit.disp_index], _m, rx, ry);
						
			yy += wd_h + ui(4);
			hh += wd_h + ui(4);
						
			var wd_h = _inpu.editor.draw(_wd_x, yy, wd_w, _m, _foc, _hov);
						
			yy += wd_h + ui(4);
			hh += wd_h + ui(4);
		}
		
		if(var_dragging != noone) {
			if(var_drag_insert != var_dragging) {
				var _inp = _node.inputs[var_dragging];
				array_delete(_node.inputs, var_dragging, 1);
				
				if(var_drag_insert > var_dragging) var_drag_insert--;
				array_insert(_node.inputs, var_drag_insert, _inp);
				
				var_dragging  = var_drag_insert;
				var_drag_disp = var_drag_insert;
			}
			
			if(mouse_release(mb_left))
				var_dragging = noone;
		}
					
		if(del != noone)
			array_delete(_node.inputs, del, 1);
	} else {
		for( var j = 0; j < array_length(_node.inputs); j++ ) {
			var widg    = drawWidget(xx, yy, ww, _m, _node.inputs[j], true, focus, hover, _scrollPane, rx, ry);
			var widH    = widg[0];
			var mbRight = widg[1];
			var widHov  = widg[2];
						
			if(hover && point_in_rectangle(_m[0], _m[1], xx, yy, xx + ww, yy + widH))
				_HOVERING_ELEMENT = _node.inputs[j];
			
			yy += lb_h + widH + padd;
			hh += lb_h + widH + padd;
		}
	}
	
	return [ hh, chov ];
}