#set($cat = $context.findValue("category.value"))
#if(!$cat)
#set($cat = $context.findValue("catid"))

#end
#if(!$cat)
#set($cat = $context.findValue("categoryid"))

#end
#if(!$cat)
#set($cat = $context.findValue("category-exact.value"))

#end
#if($cat)
#set($category = $mediaarchive.getCategory($cat))
#end
<div class="dynamictree" style="overflow: auto; height: 2000px;"></div>


<script type="text/javascript">
//	var first = false;
//	https://stackoverflow.com/questions/47291316/is-it-possible-to-drag-and-drop-external-data-into-a-jstree
	var uploadurl = "$home$content.searchhome/categorysummary.html";
	var createurl = "$home$content.searchhome/createfolder.html";
	var deleteurl = "$home$content.searchhome/deletefolder.html";
	var renameurl = "$home$content.searchhome/renamefolder.html";

	jQuery(document)
			.ready(
					function() {

						jQuery(".dynamictree")
								.on(
										'select_node.jstree',
										function(e, data) {
											var node = data.node;
											var pagenumber = node.li_attr.pagenumber;

										

												var url = "$home$content.searchhome/fieldsearch.html?sortby=name&oemaxlevel=1&assetclearresults=true&assetclearselection=true&cache=false&clearfilters=true&assetclearselection=true&clearselection=true&assetclearfilters=true&field=category&operation=matches&category.value="
													+ node.id;

												//https://stackoverflow.com/questions/4774746/jquery-ajax-wait-until-all-images-are-loaded
												loading = true;

												jQuery
														.ajax({
															cache : false,
															url : url,
															success : function(
																	data) {
																$(
																		'#resultsarea')
																		.html(
																				data)
																		.imagesLoaded()
																		.then(
																				function() {
																					scrollToImage(pagenumber);
																					loading = false;
																				});
															}
														});

											

										}).on(
												'move_node.jstree',
												function(e, data) {
													var node = data.node;
													var id = node.id;
													var newparent = data.parent;
													jQuery.get(
															"$home$content.searchhome/categories/movecategory.html?categoryid="
																	+ id
																	+ "&categoryid2="
																	+ newparent,
															function(data) {
																// $( ".result" ).html( data );
																//  alert( "Load was performed." );
															});

												})
										

								.jstree(
										{
											"core" : {
												"animation" : 0,
												"check_callback" : true,
												"themes" : {
													"stripes" : true
												},
												'data' : {
													'url' : '$home$content.searchhome/nodes.json?categoryid=$!{category.id}',
													'data' : function(node) {
														return {
															'id' : node.id
														};
													}
												}

											},
											"types" : {
												"#" : {
													"max_children" : 1,
													"max_depth" : 4,
													"valid_children" : [ "root" ]
												},
												"root" : {
													"icon" : "/static/3.0.9/assets/images/tree_icon.png",
													"valid_children" : [ "default" ]
												},
												"default" : {
													"valid_children" : [
															"default", "file" ]
												},
												"file" : {
													"icon" : "glyphicon glyphicon-file",
													"valid_children" : []
												}
											},
											"plugins" : [ "contextmenu", "dnd",
													"search",  "types",
													"wholerow" ],
											"contextmenu" : {
												"items" : function($node) {
													var tree = $(".dynamictree")
															.jstree(true);
													return {

														
														"Upload" : {
															"separator_before" : true,
															"separator_after" : false,
															"label" : "[[Upload]]",
															"action" : function(
																	obj) {
																

																var catid = $node.li_attr.id;
																document.location.href = uploadurl
																		+ "?catid="
																		+ catid;

															}
														},
													
													"Delete" : {
														"separator_before" : true,
														"separator_after" : false,
														"label" : "[[Delete]]",
														"action" : function(
																obj) {
															

															var catid = $node.li_attr.id;
															document.location.href = deleteurl
																	+ "?catid="
																	+ catid;

														}
													},
													"Add New Folder" : {
														"separator_before" : true,
														"separator_after" : false,
														"label" : "[[Add Folder]]",
														"action" : function(
																obj) {
															

															var catid = $node.li_attr.id;
															document.location.href = createurl
																	+ "?catid="
																	+ catid;

														}
													},"Rename Folder" : {
														"separator_before" : true,
														"separator_after" : false,
														"label" : "[[Rename Folder]]",
														"action" : function(
																obj) {
															

															var catid = $node.li_attr.id;
															document.location.href = renameurl
																	+ "?catid="
																	+ catid;

														}
													}
													
													
													};
												}
											}
										});
					});
</script>