#region funtion calls
	function __fnInit_Collection() {
		registerFunction("Collection", "Replace",			"",   MOD_KEY.none,	panel_collection_replace			).setMenu("collection_replace")
		registerFunction("Collection", "Edit Meta",			"",   MOD_KEY.none,	panel_collection_edit_meta			).setMenu("collection_edit_meta")
		registerFunction("Collection", "Update Thumbnail",	"",   MOD_KEY.none,	panel_collection_update_thumbnail	).setMenu("collection_update_thumbnail")
		registerFunction("Collection", "Delete Collection",	"",   MOD_KEY.none,	panel_collection_delete_collection	).setMenu("collection_delete_collection",	THEME.cross)
		
		registerFunction("Collection", "Upload To Steam",	"",   MOD_KEY.none,	panel_collection_steam_file_upload	).setMenu("collection_upload_to_steam", 	THEME.workshop_upload)
		registerFunction("Collection", "Update Steam",		"",   MOD_KEY.none,	panel_collection_steam_file_update	).setMenu("collection_update_steam",    	THEME.workshop_update)
		registerFunction("Collection", "Unsubscribe",		"",   MOD_KEY.none,	panel_collection_steam_unsubscribe	).setMenu("collection_unsubscribe")
	}
	
	function panel_collection_replace()				{ CALL("collection_replace");			PANEL_COLLECTION.replace();				}
	function panel_collection_edit_meta()			{ CALL("collection_edit_meta");			PANEL_COLLECTION.edit_meta();			}
	function panel_collection_update_thumbnail()	{ CALL("collection_update_thumbnail");	PANEL_COLLECTION.update_thumbnail();	}
	function panel_collection_delete_collection()	{ CALL("collection_delete_collection");	PANEL_COLLECTION.delete_collection();	}
	
	function panel_collection_steam_file_upload()	{ CALL("collection_steam_file_upload");	PANEL_COLLECTION.steam_file_upload();	}
	function panel_collection_steam_file_update()	{ CALL("collection_steam_file_update");	PANEL_COLLECTION.steam_file_update();	}
	function panel_collection_steam_unsubscribe()	{ CALL("collection_steam_unsubscribe");	PANEL_COLLECTION.steam_unsubscribe();	}
#endregion

function Panel_Collection() : PanelContent() constructor {
	title = __txt("Collections");
	expandable = false;
	
	group_w          = ui(180);
	group_w_dragging = false;
	group_w_sx       = false;
	group_w_mx       = false;
	
	static initSize = function() {
		content_w = w - ui( 8) - group_w;
		content_h = h - ui(56);
	}
	initSize();
	
	min_w = group_w + ui(40);
	min_h = ui(40);
	
	roots = [ ["Collections", COLLECTIONS] , ["Assets", global.ASSETS] ];
	if(STEAM_ENABLED) array_push(roots, ["Projects", STEAM_PROJECTS]);
	
	page    = 0;
	root    = roots[page][1];
	context = root;
	
	search_list   = ds_list_create();
	
	file_dragging = noone;
	_menu_node    = noone;
	updated_path  = noone;
	updated_prog  = 0;
	data_path     = "";
	
	PANEL_COLLECTION = self;
	
	#region ++++++++++++ Actions ++++++++++++
		function replace() { 
			if(_menu_node == noone) return;
			
			var _path = filename_dir(_menu_node.path);
			var _name = filename_name(_menu_node.path);
			
			saveCollection(PANEL_INSPECTOR.getInspecting(), _path, _name, false, _menu_node.meta);
		}
		
		function edit_meta() { 
			if(_menu_node == noone) return;
			
			var dia  = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
			var meta = _menu_node.getMetadata();
			if(meta != noone && meta != undefined) 
				dia.meta = meta;
			
			dia.node = PANEL_INSPECTOR.getInspecting();
			dia.data_path = data_path;
			dia.updating  = _menu_node;
			dia.doExpand();
		}
		
		function update_thumbnail() { 
			if(_menu_node == noone) return;
			
			var _path = _menu_node.path;
			var preview_surface = PANEL_PREVIEW.getNodePreviewSurface();
			if(!is_surface(preview_surface)) {
				noti_warning("Please send any node to preview panel to use as a thumbnail.")
				return;
			}
			
			var icon_path = string_replace(_path, filename_ext(_path), ".png");
			surface_save_safe(preview_surface, icon_path);
			
			refreshContext();
		}
		
		function delete_collection() {
			if(_menu_node == noone) return;
			
			file_delete(_menu_node.path);
			refreshContext();
		}
		
		function steam_file_upload() { 
			if(_menu_node == noone) return;
			
			var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
			var meta = _menu_node.getMetadata();
			if(meta != noone && meta != undefined) 
				dia.meta = meta;
			
			dia.data_path	= data_path;
			dia.ugc			= 1;
			dia.updating	= _menu_node;
			dia.doExpand();
		}
		
		function steam_file_update() { 
			if(_menu_node == noone) return;
			
			var _node = PANEL_INSPECTOR.getInspecting();
			if(_node == noone) {
				noti_warning("No node selected. Select a node in graph panel to update workshop content.");
				return;
			}
			var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(-320));
			var meta = _menu_node.getMetadata();
			if(meta != noone && meta != undefined) 
				dia.meta = meta;
			
			dia.node		= _node;
			dia.data_path	= data_path;
			dia.ugc			= 2;
			dia.updating	= _menu_node;
			dia.doExpand();
		}
		
		function steam_unsubscribe() {
			if(_menu_node == noone) return;
			
			var meta   = _menu_node.getMetadata();
			var del_id = meta.file_id;
			
			for( var i = 0; i < ds_list_size(STEAM_COLLECTION); i++ ) {
				if(STEAM_COLLECTION[| i].getMetadata().file_id != del_id) continue;
				
				ds_list_delete(STEAM_COLLECTION, i);
				break;
			}
			
			steam_ugc_unsubscribe_item(del_id);
		}
	#endregion
	
	static initMenu = function() {
		if(_menu_node == noone) return;
		var meta = _menu_node.getMetadata();
		
		contentMenu = [];
		
		if(meta == noone || !meta.steam) {
			contentMenu = [
				MENU_ITEMS.collection_replace,
				MENU_ITEMS.collection_edit_meta,
				MENU_ITEMS.collection_update_thumbnail,
				-1,
				MENU_ITEMS.collection_delete_collection,
			];
			
			if(STEAM_ENABLED) 
				array_push(contentMenu, -1);
		} 
		
		if(STEAM_ENABLED) {
			if(meta.steam == FILE_STEAM_TYPE.local) {
				array_push(contentMenu, MENU_ITEMS.collection_upload_to_steam);
				
			} else {
				if(meta.author_steam_id && meta.author_steam_id == STEAM_USER_ID)
					array_push(contentMenu, MENU_ITEMS.collection_update_steam);
				array_push(contentMenu, MENU_ITEMS.collection_unsubscribe);
			}
		}
	}
	initMenu();
	
	search_string = "";
	tb_search = new textBox(TEXTBOX_INPUT.text, function(str) /*=>*/ { 
		search_string = string(str); 
		searchCollection(search_list, search_string);
	});
	tb_search.auto_update = true;
	
	grid_size    = ui(64);
	grid_size_to = grid_size;
	
	contentView = 0;
	contentPane = new scrollPane(content_w - ui(8), content_h - ui(4), function(_y, _m) {
		draw_clear_alpha(COLORS.panel_bg_clear_inner, 1);
		
		var content;
		var steamNode = [];
		
		switch(page) {
		    case 0 :
    		    if(!COLLECTIONS.scanned) 
    				COLLECTIONS.scan([".json", ".pxcc"]); 
    			
    			if(context == root) content = STEAM_COLLECTION;
    			else				content = context.content;
    			
    			for( var i = 0; i < ds_list_size(STEAM_COLLECTION); i++ ) {
    				var meta = STEAM_COLLECTION[| i].meta;	
    				if(array_exists(meta.tags, context.name))
    					array_push(steamNode, STEAM_COLLECTION[| i]);	
    			}
		        break;
		       
	        case 1 : content = context.content;     break;
	        case 2 : content = context;             break;
		}
		
		if(search_string != "") content = search_list;
		
		var node_list  = ds_list_size(content);
		var node_count = node_list + array_length(steamNode);
		var frame	   = PREFERENCES.collection_animated? current_time * PREFERENCES.collection_preview_speed / 3000 : 0;
		var _cw		   = contentPane.surface_w;
		var _hover	   = pHOVER && contentPane.hover;
		
		updated_prog   = lerp_linear(updated_prog, 0, 0.01);
		var hh = 0;
		
		if(contentView == 0) {
			var grid_width = round(grid_size * 1.25);
			if(grid_width > ui(80)) grid_width = grid_size;
			
			var grid_space = round(grid_size * 0.1875);
			
			var col = max(1, floor(_cw / (grid_width + grid_space)));
			var row = ceil(node_count / col);
			var yy  = _y + grid_space;
			var name_height = 0;
				
			grid_width = round(contentPane.surface_w - grid_space) / col - grid_space;
				
			hh += grid_space;
			
			for(var i = 0; i < row; i++) {
				name_height = 0;
				
				for(var j = 0; j < col; j++) {
					var index = i * col + j;
					if(index >= node_count) break;
					
					var _node = index < node_list? content[| index] : steamNode[index - node_list];
					var _nx   = grid_space + (grid_width + grid_space) * j;
					var _boxx = _nx + (grid_width - grid_size) / 2;
					_boxx = round(_boxx);
					
					var gr_x1 = _boxx + grid_size;
					var gr_y1 = yy + grid_size;
					
					if(yy + grid_size >= 0 && yy <= contentPane.surface_h) {
						BLEND_OVERRIDE;
						draw_sprite_stretched(THEME.node_bg, 0, _boxx, yy, grid_size, grid_size);
						BLEND_NORMAL;
						
						var meta = noone;
						if(variable_struct_exists(_node, "getMetadata")) 
							meta = _node.getMetadata();
						
						if(_hover && point_in_rectangle(_m[0], _m[1], _nx, yy, _nx + grid_width, yy + grid_size)) {
							contentPane.hover_content = true;
							draw_sprite_stretched_ext(THEME.node_bg, 1, _boxx, yy, grid_size, grid_size, COLORS._main_accent, 1);
							
							if(mouse_press(mb_left, pFOCUS)) {
								var _typ = "";
								switch(_node.type) {
									case FILE_TYPE.collection : _typ = "Collection"; break;
									case FILE_TYPE.assets     : _typ = "Asset";      break;
									case FILE_TYPE.project    : _typ = "Project";    break;
								}
								
								DRAGGING = { type : _typ, data : _node }
							}
							
							if(!DEMO && mouse_press(mb_right, pFOCUS)) {
								_menu_node = _node;
								initMenu();
								menuCall("collection_menu", contentMenu);	
							}
							
							if(!instance_exists(o_dialog_menubox) && meta != noone && meta != undefined)
								TOOLTIP = meta;
						}
						
						if(_node.path == updated_path && updated_prog > 0) 
							draw_sprite_stretched_ext(THEME.node_glow_border, 0, _boxx - 9, yy - 9, grid_size + 18, grid_size + 18, COLORS._main_value_positive, updated_prog);
						
						if(variable_struct_exists(_node, "getSpr")) _node.getSpr();
						
						if(sprite_exists(_node.spr)) {
							var sw = sprite_get_width(_node.spr);
							var sh = sprite_get_height(_node.spr);
							var ss = (grid_size - ui(10)) * PREFERENCES.collection_scale / max(sw, sh);
							
							var xo = (sprite_get_xoffset(_node.spr) - sw / 2) * ss;
							var yo = (sprite_get_yoffset(_node.spr) - sh / 2) * ss;
							var sx = _boxx + grid_size / 2 + xo;
							var sy = yy + grid_size / 2 + yo;
							
							BLEND_ALPHA_MULP
							draw_sprite_ext(_node.spr, frame, sx, sy, ss, ss, 0, c_white, 1);
							BLEND_NORMAL
						} else
							draw_sprite_ui_uniform(THEME.group, 0, _boxx + grid_size / 2, yy + grid_size / 2, 1, c_white);
					
						if(meta != noone && page == 0) {
							if(struct_try_get(meta, "steam")) {
								draw_sprite_ui_uniform(THEME.steam, 0, _boxx + ui(12), yy + ui(12), 1, COLORS._main_icon_dark, 1);
								if(meta.author_steam_id == STEAM_USER_ID)
									draw_sprite_ui_uniform(THEME.steam_creator, 0, _boxx + grid_size - ui(8), yy + ui(12), 1, COLORS._main_icon_dark, 1);
							}
						
							if(floor(meta.version) != floor(SAVE_VERSION)) {
								draw_set_color(COLORS._main_accent);
								draw_circle_prec(_boxx + grid_size - ui(8), yy + grid_size - ui(8), 3, false);
							}
						}
					}
					
					draw_set_text(f_p3, fa_center, fa_top, COLORS._main_text_inner);
					var _txtH = draw_text_ext_add(_boxx + grid_size / 2, yy + grid_size + ui(4), _node.name, -1, grid_width, 1, true);
					name_height = max(name_height, _txtH + 8);
				}
				
				var hght = grid_size + name_height + ui(8);
				hh += hght;
				yy += hght;
			}
			
			if(pHOVER && key_mod_press(CTRL) && point_in_rectangle(_m[0], _m[1], 0, 0, contentPane.surface_w, contentPane.surface_h)) {
				if(mouse_wheel_down()) grid_size_to = clamp(grid_size_to - ui(4), ui(32), ui(160));
				if(mouse_wheel_up())   grid_size_to = clamp(grid_size_to + ui(4), ui(32), ui(160));
			}
			grid_size = lerp_float(grid_size, grid_size_to, 5);
			
		} else {
			var list_width  = _cw;
			var list_height = ui(28);
			var yy         = _y + list_height / 2;
			hh += list_height;
		
			for(var i = 0; i < node_count; i++) {
				var _node = i < node_list? content[| i] : steamNode[i - node_list];
				if(!_node) continue;
				
				if(yy + list_height >= 0 && yy <= contentPane.surface_h) {
					if(i % 2) {
						BLEND_OVERRIDE;
						draw_sprite_stretched_ext(THEME.node_bg, 0, ui(4), yy, list_width - 8, list_height, c_white, 0.2);
						BLEND_NORMAL;
					}
				
					if(_hover && point_in_rectangle(_m[0], _m[1], 0, yy, list_width, yy + list_height - 1)) {
						contentPane.hover_content = true;
						
						draw_sprite_stretched_ext(THEME.node_bg, 1, ui(4), yy, list_width - ui(8), list_height, COLORS._main_accent, 1);
						if(mouse_press(mb_left, pFOCUS))
							DRAGGING = { type : _node.type == FILE_TYPE.collection? "Collection" : "Asset", data : _node }
						
						if(!DEMO && mouse_press(mb_right, pFOCUS)) {
							_menu_node = _node;
							initMenu();
							menuCall("collection_menu", contentMenu);
						}
					}
				
					var spr_x = list_height / 2 + ui(14);
					var spr_y = yy + list_height / 2;
					var spr_s = list_height - ui(8);
					if(variable_struct_exists(_node, "getSpr")) _node.getSpr();
					if(sprite_exists(_node.spr)) {
						var sw = sprite_get_width(_node.spr);
						var sh = sprite_get_height(_node.spr);
						var ss = spr_s / max(sw, sh);
							
						var xo = (sprite_get_xoffset(_node.spr) - sw / 2) * ss;
						var yo = (sprite_get_yoffset(_node.spr) - sh / 2) * ss;
						var sx = spr_x + xo;
						var sy = spr_y + yo;
					
						draw_sprite_ext(_node.spr, frame, sx, sy, ss, ss, 0, c_white, 1);
					} else
						draw_sprite_ui_uniform(THEME.group, 0, spr_x, spr_y, 0.75, c_white);
				
					draw_set_text(f_p3, fa_left, fa_center, COLORS._main_text_inner);
					draw_text_add(list_height + ui(20), yy + list_height / 2, _node.name);
				}
				
				yy += list_height;
				hh += list_height;
			}
		}
		
		return hh;
	});
	
	folderPane = new scrollPane(group_w - ui(8), content_h, function(_y, _m) {
		draw_clear_alpha(COLORS.panel_bg_clear, 1);
		var hh = ui(8);
		_y += ui(8);
		
		folderPane.hover_content = true;
		if(pHOVER && folderPane.hover && point_in_rectangle(_m[0], _m[1], ui(32), _y - ui(2), group_w - ui(32), _y + ui(24))) {
			draw_sprite_stretched_ext(THEME.ui_panel_bg, 0, ui(32), _y - ui(2), group_w - ui(64), ui(24), CDEF.main_white, 1);
			if(mouse_press(mb_left, pFOCUS))
				setContext(root);
		}
		
		draw_set_alpha(0.25 + (context == root) * 0.5);
		draw_set_text(f_p2, fa_center, fa_top, context == root? COLORS._main_text_accent : COLORS._main_text_inner);
		draw_text(group_w / 2, _y, __txt("uncategorized"));
		draw_set_alpha(1);
		_y += ui(24);
		
		var _font  = f_p0;
		var _param = { font : _font };
		
		for(var i = 0; i < ds_list_size(root.subDir); i++) {
			var hg = root.subDir[| i].draw(self, ui(8 + in_dialog * 8), _y, _m, folderPane.w - ui(20), pHOVER && folderPane.hover, pFOCUS, root, _param);
			hh += hg;
			_y += hg;
		}
		
		return hh + ui(28);
	});
	
	function onFocusBegin() { PANEL_COLLECTION = self; }
	
	function onResize() { 
		initSize();
		
		folderPane.resize(group_w - ui(8), content_h);
		
		if(page == 2)	contentPane.resize(w - ui(24),        content_h - ui(4));
		else			contentPane.resize(content_w - ui(8), content_h - ui(4));
	} 
	
	function setContext(cont) { 
		context = cont;
		contentPane.scroll_y_raw = 0;
		contentPane.scroll_y_to	 = 0;
	} 
	
	function refreshContext() { 
		if(page == 0)		context.scan([ ".json", ".pxcc" ]);	
		else if(page == 1)	context.scan([ ".png", ".jpg", ".gif" ]);	
		
		if(STEAM_ENABLED) steamUCGload();
	} 
	
	function drawContent(panel) { 
		draw_clear_alpha(COLORS.panel_bg_clear, 1);
		
		var content_y = ui(48);
		var ppd = ui(2);
		
		if(page == 2) {
			var pad = ui(8);
			
			draw_sprite_stretched(THEME.ui_panel_bg, 1, pad, content_y, w - pad * 2, content_h);
			contentPane.setFocusHover(pFOCUS, pHOVER);
			contentPane.draw(pad + ppd, content_y + ppd, mx - pad - ppd, my - content_y - ppd);
			
		} else {
			draw_sprite_stretched(THEME.ui_panel_bg, 1, group_w, content_y, content_w, content_h);
			contentPane.setFocusHover(pFOCUS, pHOVER);
			contentPane.draw(group_w + ppd, content_y + ppd, mx - group_w - ppd, my - content_y - ppd);
		
			folderPane.setFocusHover(pFOCUS, pHOVER);
			folderPane.draw(0, content_y, mx, my - content_y);
			
			if(group_w_dragging) {
				CURSOR  = cr_size_we;
				group_w = max(ui(128), group_w_sx + (mx - group_w_mx));
			
				onResize();
			
				if(mouse_release(mb_left))
					group_w_dragging = false;
			}
		
			if(pHOVER && point_in_rectangle(mx, my, group_w - ui(2), content_y, group_w + ui(2), content_y + content_h)) {
				CURSOR = cr_size_we;
				if(pFOCUS && mouse_press(mb_left)) {
					group_w_dragging = true;
					group_w_mx = mx;
					group_w_sx = group_w;
				}
			}
			
		}
		   
		var _x    = ui(20);
		var _y    = ui(24);
		var bh    = line_get_height(f_p0b, 8);
		var rootx = 0;
		
		for( var i = 0, n = array_length(roots); i < n; i++ ) {
			draw_set_font(f_p0b);
			
			var r   = roots[i];
			var _bx = _x - ui(8);
			var _by = _y - bh / 2;
			
			var _tx = __txt(r[0]);
			var _bw = string_width(_tx) + ui(20);
			
			if(buttonInstant(THEME.button_hide_fill, _bx, _by, _bw, bh, [ mx, my ], pFOCUS, pHOVER) == 2) {
				page = i;
				root = r[1];
				context = root;
				onResize();
			}
			
			
			if(i == page) draw_set_text(f_p0b, fa_center, fa_center, COLORS._main_text);
			else          draw_set_text(f_p0,  fa_center, fa_center, COLORS._main_text_sub);
			draw_text(_bx + _bw / 2, _y, _tx);
			
			_x += _bw + ui(4);
		}
		
		rootx = _x;
		
		var bx = w - ui(40);
		var by = ui(9);
		var bs = ui(32);
		
		if(search_string == "") { 
			if(page == 0 && !DEMO) {
				if(bx > rootx) {
					if(context != root) {
						var txt = __txtx("panel_collection_add_node", "Add selecting node as collection");
						if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.add_20, 0, COLORS._main_value_positive) == 2) {
							if(PANEL_INSPECTOR.getInspecting() != noone) {
								data_path = context.path;
								var dia = dialogCall(o_dialog_file_name_collection, mouse_mx + ui(8), mouse_my + ui(8));
								if(PANEL_INSPECTOR.getInspecting()) {
									dia.meta.name = PANEL_INSPECTOR.getInspecting().display_name;
									dia.node	  = PANEL_INSPECTOR.getInspecting();
									dia.data_path = data_path;
								}
							}
						}
					} else
						draw_sprite_ui_uniform(THEME.add, 0, bx + bs / 2, by + bs / 2, 1, COLORS._main_icon_dark);	
				}
				bx -= ui(36);
				
				if(bx > rootx) {
					var txt = __txtx("panel_collection_add_folder", "Add folder");
					if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt) == 2) {
						fileNameCall(context.path, function (txt) {
							directory_create(txt);
							refreshContext();
						});
					}
					draw_sprite_ui_uniform(THEME.folder_add, 0, bx + bs / 2, by + bs / 2, 1, COLORS._main_icon);
					draw_sprite_ui_uniform(THEME.folder_add, 1, bx + bs / 2, by + bs / 2, 1, COLORS._main_value_positive);
				}
				bx -= ui(36);
			}
		
			if(bx > rootx) {
				var txt = __txtx("panel_collection_open_file", "Open in file explorer");
				if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.path_open) == 2)
					shellOpenExplorer(context.path);
				draw_sprite_ui_uniform(THEME.path_open, 1, bx + bs / 2, by + bs / 2, 1, c_white);
			}
			bx -= ui(36);
			
			if(bx > rootx) {
				var txt = __txt("Refresh");
				if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.refresh_icon) == 2)
					refreshContext();
			}
			bx -= ui(36);
			
			if(bx > rootx) {
				var txt = __txt("Settings");
				if(buttonInstant(THEME.button_hide, bx, by, bs, bs, [mx, my], pFOCUS, pHOVER, txt, THEME.gear) == 2)
					dialogPanelCall(new Panel_Collections_Setting(), x + bx, y + by - 8, { anchor: ANCHOR.bottom | ANCHOR.left }); 
			}
			bx -= ui(36);
		
		} else { 
			var tb_w = ui(200);
			var tb_x = w - ui(10) - tb_w;
			var tb_y = ui(10);
			
			tb_search.draw(tb_x, tb_y, tb_w, TEXTBOX_HEIGHT, search_string, [mx, my]);
		
		}
	} 
}