From 3356f093e92790cb5c2d653ca37adf46c0dd8ecf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:37:58 +0200
Subject: [PATCH 1/9] remove not usable search component

---
 web/hackiebox.html | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 886d898..ee78027 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -83,10 +83,6 @@
             <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true"></a>
           </li>
           </ul>
-          <form class="form-inline mt-2 mt-md-0">
-            <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search" data-kpxc-id="kpxcpw342845639">
-            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
-          </form>
         </div>
       </nav>
       <div id="submenu" class="nav-scroller bg-white shadow-sm">

From b4fba905fdd7d52499b93469fa3169d0cf107219 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:42:07 +0200
Subject: [PATCH 2/9] remove unused settings page containing only dummy data

---
 web/hackiebox.html | 46 ++++------------------------------------------
 1 file changed, 4 insertions(+), 42 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index ee78027..2398965 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -108,43 +108,6 @@ <h1>Home</h1>
             <a class="btn btn-lg btn-primary" href="/docs/4.4/components/navbar/" role="button">View navbar docs »</a>
           </div>
         </div>
-        <div id="main-settings">
-          <h1>Settings</h1>
-          <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
-            <img class="mr-3" src="/docs/4.4/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48"/>
-            <div class="lh-100">
-              <h6 class="mb-0 text-white lh-100">Bootstrap</h6>
-              <small>Since 2011</small>
-            </div>
-          </div>
-          <div class="my-3 p-3 bg-white rounded shadow-sm">
-            <h6 class="border-bottom border-gray pb-2 mb-0">Recent updates</h6>
-            <div class="media text-muted pt-3">
-              <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32"><title>Placeholder</title><rect width="100%" height="100%" fill="#007bff"></rect><text x="50%" y="50%" fill="#007bff" dy=".3em">32x32</text></svg>
-              <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
-                <strong class="d-block text-gray-dark">@username</strong>
-                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-              </p>
-            </div>
-            <div class="media text-muted pt-3">
-              <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32"><title>Placeholder</title><rect width="100%" height="100%" fill="#e83e8c"></rect><text x="50%" y="50%" fill="#e83e8c" dy=".3em">32x32</text></svg>
-              <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
-                <strong class="d-block text-gray-dark">@username</strong>
-                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-              </p>
-            </div>
-            <div class="media text-muted pt-3">
-              <svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32"><title>Placeholder</title><rect width="100%" height="100%" fill="#6f42c1"></rect><text x="50%" y="50%" fill="#6f42c1" dy=".3em">32x32</text></svg>
-              <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
-                <strong class="d-block text-gray-dark">@username</strong>
-                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-              </p>
-            </div>
-            <small class="d-block text-right mt-3">
-              <a href="#">All updates</a>
-            </small>
-          </div>
-        </div>
         <div id="main-content" class="w-100">
           <h1>Content</h1>
           <table class="table" id="table-content"
@@ -423,7 +386,6 @@ <h2>Credits</h2>
               this._contentPage.generatePage();
               break;
             case "console":
-            case "settings":
             case "help":
             case "boxtests":
             case "fileupload":
@@ -552,10 +514,10 @@ <h2>Credits</h2>
 
         _setEntries() {
           this._entries = [
-            { "id": "home", "name": "Home" },
-            { "id": "content", "name": "Content", "submenu": true },
-            { "id": "settings", "name": "Settings", "submenu": true },
-            { "id": "expert", "name": "Expert", "sub":
+          { "id": "content", "name": "Tonies", "submenu": false },
+          { "id": "filelist", "name": "Filelist", "submenu": false },
+          {
+            "id": "expert", "name": "Expert", "sub":
               [
                 { "id": "boxtests", "name": "Box Tests", "submenu": true },
                 { "id": "fileupload", "name": "File Upload", "submenu": false },

From a746df3ba8fa6242feae6651e3d881d8d5eaeb5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:44:50 +0200
Subject: [PATCH 3/9] show the ip of the box publishing the web ui (helpful on
 organizing yourself with multiple boxes opened in neighbored tabs)

---
 web/hackiebox.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 2398965..c7342e8 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -84,6 +84,7 @@
           </li>
           </ul>
         </div>
+      <span class="navbar-text d-none d-md-inline" id="domainPort"></span>
       </nav>
       <div id="submenu" class="nav-scroller bg-white shadow-sm">
         <div id="submenu-settings">
@@ -365,7 +366,7 @@ <h2>Credits</h2>
       class Site {
         constructor(page = null) {
           this._params = new URLSearchParams(window.location.search);
-          this._mainMenu = new MainMenu();
+        this._mainMenu = new MainMenu(this);
           this._contentPage = new ContentPage();
           this._server = this._params.get("server");
           this._console = new WebConsole(this);
@@ -488,7 +489,8 @@ <h2>Credits</h2>
         }
       }
       class MainMenu {
-        constructor() {
+      constructor(site) {
+        this._site = site;
           this._setEntries();
         }
         hasSubMenu(page) {
@@ -642,8 +644,9 @@ <h2>Credits</h2>
     </script>
     <script>
       var site;
-      $(function() {
-          site = new Site("console");
+    $(function () {
+      site = new Site("home");
+      document.getElementById("domainPort").innerText = site.getDomainPort();
       });
       function imageFormatter(value) {
         return '<img src="'+value+'" style="max-width:100px;max-height:100px;">'

From fffd62c79f8df73d526c34035bacbd900c694d96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:48:15 +0200
Subject: [PATCH 4/9] some formatting optimization

---
 web/hackiebox.html | 46 ++++++++++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index c7342e8..8fcbbaa 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
   <head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
@@ -22,6 +23,7 @@
         min-height: 75rem;
         padding-top: 56px;
       }
+
       #main {
         padding-top: 10px;
       }
@@ -46,6 +48,7 @@
         white-space: nowrap;
         -webkit-overflow-scrolling: touch;
       }
+
       .nav-underline .nav-link {
         padding-top: .75rem;
         padding-bottom: .75rem;
@@ -67,6 +70,7 @@
       .bg-purple { background-color: #6f42c1; }
     </style>
   </head>
+
   <body>
     <div id="loading-div">
       LOADING...
@@ -432,17 +436,17 @@ <h2>Credits</h2>
         }
         getDomainPort() {
           if (this._server == null || this._server == "")
-            return location.hostname+(location.port ? ':'+location.port: '');
+          return location.hostname + (location.port ? ':' + location.port : '');
           return this._server;
         }
         _initSse() {
           var that = this;
-          $.get("http://"+this.getDomainPort()+"/api/sse/sub", function(data) {
+        $.get("http://" + this.getDomainPort() + "/api/sse/sub", function (data) {
             if (data == "MAX_CLIENTS") {
               alert(data);
             } else {
-              that._sseEventSource = new EventSource("http://"+that.getDomainPort()+data);
-              that._sseEventSource.addEventListener('message', function(e) {
+            that._sseEventSource = new EventSource("http://" + that.getDomainPort() + data);
+            that._sseEventSource.addEventListener('message', function (e) {
                 var data = JSON.parse(e.data);
                 switch (data.type) {
                   case "keep-alive":
@@ -455,8 +459,8 @@ <h2>Credits</h2>
               }, false);
             }
           })
-          .fail(function() {
-            alert( "sse sub error" );
+          .fail(function () {
+            alert("sse sub error");
           });
         }
       }
@@ -467,10 +471,12 @@ <h2>Credits</h2>
         }
         _downloadData(async = true) {
           var tmpData;
-          $.ajax({ dataType: "json", url: this._source, async: async, data: this._data, success: function( data ) {
+        $.ajax({
+          dataType: "json", url: this._source, async: async, data: this._data, success: function (data) {
             //TODO: htmlencode everything to prevent xss
             tmpData = data;
-          }});
+          }
+        });
           this._data = tmpData;
         }
         _getData() {
@@ -481,7 +487,7 @@ <h2>Credits</h2>
         generatePage() {
           let data = this._getData();
           let tab = $('#table-content')
-          tab.bootstrapTable({data: data});
+        tab.bootstrapTable({ data: data });
 
           /*data.forEach(entry => {
             
@@ -543,7 +549,7 @@ <h2>Credits</h2>
 
             let li = $("<li/>")
               .addClass("nav-item")
-              .attr("id", "nav-page-"+entry["id"]);
+            .attr("id", "nav-page-" + entry["id"]);
             if (!subentries) {
               let a = $("<a/>")
                 .addClass("nav-link")
@@ -575,7 +581,7 @@ <h2>Credits</h2>
               subentries.forEach(subentry => {
                 let a = $("<a/>")
                   .addClass("dropdown-item")
-                  .attr("id", "nav-page-dropdown-"+entry["id"]+"-"+subentry["id"])
+                .attr("id", "nav-page-dropdown-" + entry["id"] + "-" + subentry["id"])
                   .attr("href", "#")
                   .attr("target", "_blank")
                   .attr("onclick", "site.loadPage('" + subentry["id"] + "'); return false;")
@@ -606,7 +612,7 @@ <h2>Credits</h2>
           this._term.loadAddon(this._fitAddon);
           this._term.loadAddon(this._localEcho);
 
-          this._localEcho.addAutocompleteHandler(function(index, tokens) {
+        this._localEcho.addAutocompleteHandler(function (index, tokens) {
             if (index == 0) return ["help", "i2c", "beep", "rfid"];
             return [];
           });
@@ -614,7 +620,7 @@ <h2>Credits</h2>
           this._readPrompt();
 
           var that = this;
-          $(window).on("resize", function() {
+        $(window).on("resize", function () {
             that._fitAddon.fit();
           });
         }
@@ -627,18 +633,18 @@ <h2>Credits</h2>
         }
         _readPrompt() {
           var that = this;
-          this._localEcho.read("hackiebox@"+this._site.getDomainPort()+"$ ", "> ")
-            .then(function(input) {
-              $.get( "http://" + that._site.getDomainPort() + "/api/ajax", { cmd: "cli", cli: input }, function(data) {
+        this._localEcho.read("hackiebox@" + this._site.getDomainPort() + "$ ", "> ")
+          .then(function (input) {
+            $.get("http://" + that._site.getDomainPort() + "/api/ajax", { cmd: "cli", cli: input }, function (data) {
                   that._term.writeln(data);
                   that._readPrompt();
                 })
-                .fail(function() {
+              .fail(function () {
                   that._term.writeln("ERROR: no connection to host");
                   that._readPrompt();
                 });
             })
-            .catch(function(error) { alert(`Error reading: ${error}`);});
+          .catch(function (error) { alert(`Error reading: ${error}`); });
         }
       }
     </script>
@@ -649,7 +655,7 @@ <h2>Credits</h2>
       document.getElementById("domainPort").innerText = site.getDomainPort();
       });
       function imageFormatter(value) {
-        return '<img src="'+value+'" style="max-width:100px;max-height:100px;">'
+      return '<img src="' + value + '" style="max-width:100px;max-height:100px;">'
       }
       function submitOverlayPost(e, target) {
         setFilesize();
@@ -658,7 +664,7 @@ <h2>Credits</h2>
       }
       function setFilesize() {
         var files = document.getElementById("file").files;
-        if(typeof files[0] !== 'undefined') {
+      if (typeof files[0] !== 'undefined') {
           document.getElementById("filesize").value = files[0].size;
         }
       }

From 681ee6f8f53ed37ad55ceb6885866de61063c6f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:49:32 +0200
Subject: [PATCH 5/9] no submenu -> no true value

---
 web/hackiebox.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 8fcbbaa..6a50c54 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -527,14 +527,15 @@ <h2>Credits</h2>
           {
             "id": "expert", "name": "Expert", "sub":
               [
-                { "id": "boxtests", "name": "Box Tests", "submenu": true },
+                { "id": "boxtests", "name": "Box Tests", "submenu": false },
                 { "id": "fileupload", "name": "File Upload", "submenu": false },
                 { "id": "console", "name": "Console", "submenu": false },
               ]
             },
-            { "id": "help", "name": "Help","sub":
+          {
+            "id": "help", "name": "Help", "sub":
               [
-                { "id": "help", "name": "Help", "submenu": true },
+                { "id": "help", "name": "Help", "submenu": false },
                 { "id": "github", "name": "GitHub", "url": "https://github.com/toniebox-reverse-engineering/hackiebox_cfw" },
                 { "id": "about", "name": "About" }
               ]
@@ -670,4 +671,5 @@ <h2>Credits</h2>
       }
     </script>
   </body>
+
 </html>

From 879b47e330eb2998eecf1d3090b432ed3949f2d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:50:24 +0200
Subject: [PATCH 6/9] fileupload as home site

---
 web/hackiebox.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 6a50c54..03f9780 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -398,7 +398,7 @@ <h2>Credits</h2>
 
               break;
             default:
-              page = "home";
+            page = "fileupload";
               break;
           }
 

From 3798f581b5514f475ab3e1174a2f3e2ea94285ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:50:47 +0200
Subject: [PATCH 7/9] add a subnavigation point for rebooting the box

---
 web/hackiebox.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 03f9780..1691962 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -530,6 +530,7 @@ <h2>Credits</h2>
                 { "id": "boxtests", "name": "Box Tests", "submenu": false },
                 { "id": "fileupload", "name": "File Upload", "submenu": false },
                 { "id": "console", "name": "Console", "submenu": false },
+                { "id": "reboot", "name": "Reboot Box", "url": "http://" + this._site.getDomainPort() + "/api/ajax?cmd=box-power&sub=reset" },
               ]
             },
           {

From e230777928c1c9211c784fbf8952899a74ad664b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:52:21 +0200
Subject: [PATCH 8/9] add file explorer targeting sd card (download and delete
 feature implemented)

---
 web/file-explorer/file-explorer.css         |  243 +
 web/file-explorer/file-explorer.js          | 8024 +++++++++++++++++++
 web/file-explorer/fileexplorer_actions.woff |  Bin 0 -> 1472 bytes
 web/file-explorer/fileexplorer_sprites.png  |  Bin 0 -> 10767 bytes
 web/hackiebox.html                          |  117 +-
 5 files changed, 8378 insertions(+), 6 deletions(-)
 create mode 100755 web/file-explorer/file-explorer.css
 create mode 100755 web/file-explorer/file-explorer.js
 create mode 100755 web/file-explorer/fileexplorer_actions.woff
 create mode 100755 web/file-explorer/fileexplorer_sprites.png

diff --git a/web/file-explorer/file-explorer.css b/web/file-explorer/file-explorer.css
new file mode 100755
index 0000000..409b285
--- /dev/null
+++ b/web/file-explorer/file-explorer.css
@@ -0,0 +1,243 @@
+.fe_fileexplorer_hidden { display: none !important; }
+.fe_fileexplorer_invisible { visibility: hidden; }
+.fe_fileexplorer_disabled { filter: grayscale(95%); opacity: 0.6; }
+
+.fe_fileexplorer_open_icon { background-image: url('fileexplorer_sprites.png'); width: 24px; height: 24px; background-position: -48px -96px; image-rendering: pixelated; }
+
+.fe_fileexplorer_wrap { position: relative; font-size: 1.0em; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; height: 100%; min-height: 9em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_operation_in_progress { cursor: progress; }
+.fe_fileexplorer_wrap .fe_fileexplorer_operation_in_progress button { cursor: progress; }
+.fe_fileexplorer_wrap .fe_fileexplorer_dropzone_wrap { height: 100%; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap { border: 1px solid #AAAAAA; color: #000000; background-color: #FFFFFF; display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused { border: 1px solid #0063B1; }
+
+.fe_fileexplorer_wrap button::-moz-focus-inner { border: 0; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_toolbar { display: flex; margin-top: 0.4em; align-items: center; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_navtools { display: flex; margin-left: 5px; margin-right: 0.1em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtools button { padding: 0; border: 0 none; box-sizing: border-box; height: 24px; background-color: transparent; outline: none; background-repeat: no-repeat; image-rendering: pixelated; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtools button.fe_fileexplorer_disabled { opacity: 0.4; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_back { background-image: url('fileexplorer_sprites.png'); width: 32px; background-position: -0px -0px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward { background-image: url('fileexplorer_sprites.png'); width: 32px; background-position: -64px -0px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_history { background-image: url('fileexplorer_sprites.png'); width: 18px; background-position: -84px -24px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_up { background-image: url('fileexplorer_sprites.png'); width: 24px; background-position: -0px -24px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_back:not(.fe_fileexplorer_disabled):hover, .fe_fileexplorer_wrap .fe_fileexplorer_navtool_back:not(.fe_fileexplorer_disabled):focus { background-image: url('fileexplorer_sprites.png'); width: 32px; background-position: -32px -0px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward:not(.fe_fileexplorer_disabled):hover, .fe_fileexplorer_wrap .fe_fileexplorer_navtool_forward:not(.fe_fileexplorer_disabled):focus { background-image: url('fileexplorer_sprites.png'); width: 32px; background-position: -96px -0px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_history:not(.fe_fileexplorer_disabled):hover, .fe_fileexplorer_wrap .fe_fileexplorer_navtool_history:not(.fe_fileexplorer_disabled):focus { background-image: url('fileexplorer_sprites.png'); width: 18px; background-position: -102px -24px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_navtool_up:not(.fe_fileexplorer_disabled):hover, .fe_fileexplorer_wrap .fe_fileexplorer_navtool_up:not(.fe_fileexplorer_disabled):focus { background-image: url('fileexplorer_sprites.png'); width: 24px; background-position: -24px -24px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_wrap { display: flex; flex: 1; align-items: center; overflow: hidden; border: 1px solid #D9D9D9; margin-right: 12px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_icon { height: 24px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_icon_inner { background-image: url('fileexplorer_sprites.png'); width: 24px; height: 24px; margin-left: 2px; margin-right: 4px; background-position: -72px -96px; image-rendering: pixelated; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_scroll_wrap { flex: 1; position: relative; overflow-x: scroll; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_scroll_wrap::-webkit-scrollbar { height: 0px; background: transparent; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_wrap { display: flex; flex: 1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_wrap button { padding: 0.5em; border: 1px solid transparent; box-sizing: border-box; line-height: 1; background-color: transparent; outline: none; font-size: 0.75em; white-space: nowrap; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segments_wrap::after { content: ''; padding-left: 10%; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap { display: flex; border: 1px solid transparent; outline: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap::-moz-focus-inner { border: 0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap .fe_fileexplorer_path_opts { padding: 0; background-repeat: no-repeat; background-image: url('fileexplorer_sprites.png'); width: 18px; background-position: -48px -24px; image-rendering: pixelated; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:hover { border: 1px solid #CCE8FF; background-color: #E5F3FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:hover .fe_fileexplorer_path_opts { padding: 0; border-left: 1px solid #CCE8FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:focus, .fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_focus { border: 1px solid #99D1FF; background-color: #CCE8FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap:focus .fe_fileexplorer_path_opts, .fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_focus .fe_fileexplorer_path_opts { border-left: 1px solid #99D1FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_down .fe_fileexplorer_path_name { padding: calc(0.5em + 1px) calc(0.5em - 1px) calc(0.5em - 1px) calc(0.5em + 1px); }
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_path_segment_wrap_down .fe_fileexplorer_path_opts { background-image: url('fileexplorer_sprites.png'); background-position: -84px -24px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_path_segment_wrap.fe_fileexplorer_drag_hover { border: 1px solid #99D1FF; background-color: #CCE8FF; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_body_wrap_outer { flex: 1; display: flex; margin-top: 0.3em; overflow: hidden; position: relative; }
+.fe_fileexplorer_wrap .fe_fileexplorer_body_wrap { display: flex; align-items: stretch; overflow: hidden; min-height: 5em; width: 100%; height: 100%; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools_scroll_wrap { padding: 0.4em 10px; border-right: 1px solid #CCE8FF; overflow-y: scroll; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; position: relative; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools_scroll_wrap::-webkit-scrollbar { width: 0px; background: transparent; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools { display: flex; flex-direction: column; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button { margin-bottom: 0.3em; border: 1px solid transparent; box-sizing: border-box; padding: 4px; width: 34px; height: 34px; background-color: transparent; outline: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button::before { display: block; width: 24px; height: 24px; content: ''; background-repeat: no-repeat; image-rendering: pixelated; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button:not(.fe_fileexplorer_disabled):hover, .fe_fileexplorer_wrap .fe_fileexplorer_folder_tools button:not(.fe_fileexplorer_disabled):focus { border: 1px solid #99D1FF; background-color: #E5F3FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_separator { margin: 0 -0.1em 0.3em; border-top: 1px solid #DFE7F0; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_new_folder::before { background-image: url('fileexplorer_sprites.png'); background-position: -24px -144px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_new_file::before { background-image: url('fileexplorer_sprites.png'); background-position: -0px -144px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_upload::before { background-image: url('fileexplorer_sprites.png'); background-position: -96px -144px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_download::before { background-image: url('fileexplorer_sprites.png'); background-position: -96px -120px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_copy::before { background-image: url('fileexplorer_sprites.png'); background-position: -24px -120px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_paste::before { background-image: url('fileexplorer_sprites.png'); background-position: -48px -144px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_cut::before { background-image: url('fileexplorer_sprites.png'); background-position: -48px -120px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_delete::before { background-image: url('fileexplorer_sprites.png'); background-position: -72px -120px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_folder_tool_item_checkboxes::before { background-image: url('fileexplorer_sprites.png'); background-position: -72px -144px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_show_item_checkboxes .fe_fileexplorer_folder_tool_item_checkboxes::before { background-image: url('fileexplorer_sprites.png'); background-position: -0px -120px; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap { flex: 1; overflow-y: auto; box-sizing: border-box; outline: none; position: relative; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap::-moz-focus-inner { border: 0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_scroll_wrap_inner { position: relative; min-height: 100%; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_message_wrap { padding: 1.5em 1em 1em 1em; color: #6D6D6D; font-size: 0.75em; text-align: center; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_wrap { display: flex; flex-wrap: wrap; padding: 0.3em 12px 0.2em 4px; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap { margin-left: 0.56em; margin-bottom: 1px; width: 4.7em; box-sizing: border-box; text-align: center; overflow: hidden; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap_inner { position: relative; border: 1px solid transparent; padding: 0.1em 0.3em; outline: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap_inner::-moz-focus-inner { border: 0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap_inner:hover { background-color: #E5F3FF; border-color: #E5F3FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap:not(.fe_fileexplorer_inner_wrap_focused) .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner { background-color: #D9D9D9; border-color: #D9D9D9; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap:not(.fe_fileexplorer_inner_wrap_focused) .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner:hover { background-color: #E5F3FF; border-color: #99D1FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap:not(.fe_fileexplorer_items_focus) .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner { background-color: #D9D9D9; border-color: #D9D9D9; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap:not(.fe_fileexplorer_items_focus) .fe_fileexplorer_item_wrap_inner:hover { background-color: #E5F3FF; border-color: #99D1FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_selecting .fe_fileexplorer_item_wrap_inner { background-color: transparent; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner { background-color: #CDE8FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner:hover { border-color: #99D1FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_selected.fe_fileexplorer_item_focused .fe_fileexplorer_item_wrap_inner { background-color: #CCE8FF; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_focus .fe_fileexplorer_item_focused .fe_fileexplorer_item_wrap_inner { border-color: #99D1FF; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap .fe_fileexplorer_items_wrap .fe_fileexplorer_item_wrap.fe_fileexplorer_drag_hover .fe_fileexplorer_item_wrap_inner { background-color: #CDE8FF; }
+
+/*
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_copy { cursor: copy; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_move_copy .fe_fileexplorer_item_folder:not(.fe_fileexplorer_item_selected) .fe_fileexplorer_item_wrap_inner:hover { background-color: #CDE8FF; border-color: transparent; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_move_copy .fe_fileexplorer_item_wrap:not(.fe_fileexplorer_item_folder):not(.fe_fileexplorer_item_selected) .fe_fileexplorer_item_wrap_inner { opacity: 0.7; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_move_copy .fe_fileexplorer_item_wrap:not(.fe_fileexplorer_item_folder):not(.fe_fileexplorer_item_selected) .fe_fileexplorer_item_wrap_inner:hover { background-color: transparent; border-color: transparent; }
+.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap.fe_fileexplorer_items_move_copy .fe_fileexplorer_item_wrap.fe_fileexplorer_item_selected:not(.fe_fileexplorer_item_focused) .fe_fileexplorer_item_wrap_inner:hover { border-color: transparent; }
+*/
+
+.fe_fileexplorer_wrap .fe_fileexplorer_item_checkbox { position: absolute; left: 0; top: 0; margin: 2px; z-index: 1; display: none; padding: initial; border: initial; transform: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_show_item_checkboxes .fe_fileexplorer_item_wrap_inner:hover .fe_fileexplorer_item_checkbox { display: block; }
+.fe_fileexplorer_wrap .fe_fileexplorer_show_item_checkboxes .fe_fileexplorer_item_selected .fe_fileexplorer_item_checkbox { display: block; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon { width: 48px; height: 48px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; position: relative; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_img { width: auto; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon img { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); max-width: 100%; max-height: calc(100% - 2px); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_text { margin-top: 0.1em; font-size: 0.75em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_text.fe_fileexplorer_invisible { color: transparent; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_folder { background-image: url('fileexplorer_sprites.png'); background-position: -48px -48px; image-rendering: pixelated; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file { background-image: url('fileexplorer_sprites.png'); background-position: -0px -48px; image-rendering: pixelated; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext)::after { position: absolute; bottom: 10px; left: 0px; box-sizing: border-box; content: attr(data-ext); color: #FFFFFF; font-size: 11px; padding: 1px 3px; width: 36px; overflow: hidden; white-space: nowrap; background-color: #888888; text-transform: uppercase; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_a::after { background-color: #F03C3C; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_b::after { background-color: #F05A3C; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_c::after { background-color: #F0783C; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_d::after { background-color: #F0963C; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_e::after { background-color: #E0862B; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_f::after { background-color: #DCA12B; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_g::after { background-color: #C7AB1E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_h::after { background-color: #C7C71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_i::after { background-color: #ABC71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_j::after { background-color: #8FC71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_k::after { background-color: #72C71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_l::after { background-color: #56C71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_m::after { background-color: #3AC71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_n::after { background-color: #1EC71E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_o::after { background-color: #1EC73A; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_p::after { background-color: #1EC756; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_q::after { background-color: #1EC78F; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_r::after { background-color: #1EC7AB; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_s::after { background-color: #1EC7C7; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_t::after { background-color: #1EABC7; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_u::after { background-color: #1E8FC7; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_v::after { background-color: #1E72C7; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_w::after { background-color: #3C78F0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_x::after { background-color: #3C5AF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_y::after { background-color: #3C3CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_z::after { background-color: #5A3CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_0::after { background-color: #783CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_1::after { background-color: #963CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_2::after { background-color: #B43CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_3::after { background-color: #D23CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_4::after { background-color: #F03CF0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_5::after { background-color: #F03CD2; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_6::after { background-color: #F03CB4; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_7::after { background-color: #F03C96; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_8::after { background-color: #F03C78; }
+.fe_fileexplorer_wrap .fe_fileexplorer_item_icon_file:not(.fe_fileexplorer_item_icon_file_no_ext).fe_fileexplorer_item_icon_ext_9::after { background-color: #F03C5A; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap { position: absolute; left: 53px; top: 0; width: calc(100% - 53px); height: 100%; pointer-events: none; z-index: 2; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap.fe_fileexplorer_items_show_clipboard_overlay_paste { height: 200px; max-height: 75%; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_inner_wrap { position: relative; height: 100%; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.95); border: 2px dashed #AAAAAA; -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15); }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap:hover .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap, .fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap_focus .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap { border-color: #3298FE; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap:not(.fe_fileexplorer_items_show_clipboard_overlay_paste) .fe_fileexplorer_items_clipboard_overlay_paste_text_wrap { display: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_text { position: absolute; left: 50%; top: 50%; color: #888888; transform: translate(-50%, -50%); text-align: center; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_text_big { font-size: 2em; margin-bottom: 0.3em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_text_small { font-size: 0.75em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay { position: absolute; left: 0; top: -10px; width: 100%; height: calc(100% + 10px); margin: 0; border: 0 none; padding: 0; color: transparent; background-color: transparent; text-shadow: 0px 0px 0px transparent; caret-color: transparent; cursor: default; resize: none; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; text-align: center; outline: none; font-size: 1px; line-height: 1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap.fe_fileexplorer_items_clipboard_contextmenu .fe_fileexplorer_items_clipboard_overlay { pointer-events: auto; }
+.fe_fileexplorer_wrap .fe_fileexplorer_items_clipboard_overlay_paste_wrap.fe_fileexplorer_items_show_clipboard_overlay_paste .fe_fileexplorer_items_clipboard_overlay { pointer-events: auto; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_select_box { position: absolute; box-sizing: border-box; border: 1px solid #0078D7; background-color: rgba(0, 120, 215, 0.33); }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap { display: flex; white-space: nowrap; font-size: 0.75em; color: #14273E; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap.fe_fileexplorer_statusbar_wrap_multiline { display: block; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_text_wrap { display: flex; margin-left: 15px; margin-right: 12px; padding-top: 0.3em; padding-bottom: 0.3em; overflow: hidden; flex: 1; line-height: 1.1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_text_segment_wrap { padding-right: 1em; border-right: 1px solid #F0F0F0; margin-right: 1em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_text_segment_wrap_last { padding-right: 0; border-right: 0 none; margin-right: 0; overflow: hidden; text-overflow: ellipsis; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_measure_em_size { display: inline-block; position: fixed; left: -9999px; width: 1em; height: 1em; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_action_wrap { display: flex; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_wrap { display: flex; padding-top: 0.3em; padding-bottom: 0.3em; overflow: hidden; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_wrap { margin-left: 1em; border-left: 1px solid #F0F0F0; padding-left: 1em; overflow: hidden; text-overflow: ellipsis; line-height: 1.1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_wrap_last { margin-right: 0.4em; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_cancel_wrap { padding-left: 0.6em; padding-right: 0.6em; line-height: 1.1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_cancel_wrap::after { content: '\00D7'; font-weight: bold; outline: none; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_cancel_wrap:hover::after, .fe_fileexplorer_wrap .fe_fileexplorer_action_progress_cancel_wrap:focus::after { color: #E81123; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap.fe_fileexplorer_statusbar_wrap_multiline .fe_fileexplorer_action_progress_wrap { width: 100%; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap.fe_fileexplorer_statusbar_wrap_multiline .fe_fileexplorer_action_progress_msg_wrap:first-child { margin-left: 15px; border-left: 0 none; padding-left: 0; }
+.fe_fileexplorer_wrap .fe_fileexplorer_statusbar_wrap.fe_fileexplorer_statusbar_wrap_multiline .fe_fileexplorer_action_progress_msg_wrap_last { flex-grow: 1; }
+
+@font-face { font-family: 'fe_fileexplorer_actions'; src: url('fileexplorer_actions.woff?20200530-01') format('woff'); font-weight: normal; font-style: normal; font-display: block; }
+
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_icon { font-family: 'fe_fileexplorer_actions' !important; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_icon.fe_fileexplorer_action_progress_msg_icon_uploads_in_progress::before { content: '\E900'; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_icon.fe_fileexplorer_action_progress_msg_icon_queued::before { content: '\E901'; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_icon.fe_fileexplorer_action_progress_msg_icon_done::before { content: '\E902'; }
+.fe_fileexplorer_wrap .fe_fileexplorer_action_progress_msg_icon.fe_fileexplorer_action_progress_msg_icon_errors::before { content: '\E903'; }
+
+.fe_fileexplorer_popup_wrap { position: absolute; left: -9999px; max-height: 33vh; overflow: hidden; overflow-y: auto; border: 1px solid #A0A0A0; background-color: #F2F2F2; min-width: 11em; max-width: 17em; z-index: 100; -webkit-box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.57); -moz-box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.57); box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.57); font-size: 1.0em; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; outline: none; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_inner_wrap { position: relative; padding: 2px; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_split { margin-left: 34px; margin-top: 0.1em; border-top: 1px solid #D7D7D7; padding-top: 0.1em; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap { display: flex; align-items: center; box-sizing: border-box; outline: none; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus { background-color: #C3DEF5; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon { height: 24px; image-rendering: pixelated; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon_inner { width: 24px; height: 24px; margin-left: 5px; margin-right: 5px; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_text { overflow: hidden; text-overflow: ellipsis; font-size: 0.75em; line-height: 1; white-space: nowrap; padding: 0.5em 0.3em; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_text.fe_fileexplorer_popup_item_active { font-weight: bold; }
+
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.fe_fileexplorer_popup_item_disabled:focus { background-color: #E5E5E5; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.fe_fileexplorer_popup_item_disabled .fe_fileexplorer_popup_item_text { color: #6D6D6D; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap.fe_fileexplorer_popup_item_disabled .fe_fileexplorer_popup_item_icon_inner { filter: grayscale(95%); opacity: 0.9; }
+
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_back { background-image: url('fileexplorer_sprites.png'); background-position: -96px -48px; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_wrap:focus .fe_fileexplorer_popup_item_icon_forward { background-image: url('fileexplorer_sprites.png'); background-position: -24px -96px; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon_check { background-image: url('fileexplorer_sprites.png'); background-position: -0px -96px; }
+.fe_fileexplorer_popup_wrap .fe_fileexplorer_popup_item_icon_folder { background-image: url('fileexplorer_sprites.png'); background-position: -96px -96px; }
+
+.fe_fileexplorer_textarea { position: absolute; resize: none; border: 1px solid #000000; padding: 1px; font-family: inherit; font-size: 0.75em; overflow-y: auto; box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; text-align: center; outline: none; z-index: 2; }
+.fe_fileexplorer_textarea::-webkit-scrollbar { width: 0px; height: 0px; background: transparent; }
+.fe_fileexplorer_textarea[readonly] { color: #666666; }
+
+.fe_fileexplorer_floating_drag_icon_wrap { position: fixed; left: -9999px; padding: 1.5em; pointer-events: none; border: 1px solid rgba(151, 220, 252, 0.4); background-image: linear-gradient(rgba(227, 245, 252, 0.4), rgba(189, 231, 252, 0.4)); z-index: 100; -webkit-box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 4px -3px rgba(0, 0, 0, 0.3); user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
+.fe_fileexplorer_floating_drag_icon_wrap .fe_fileexplorer_floating_drag_icon_wrap_inner { position: relative; width: 48px; height: 48px; overflow: hidden; }
+.fe_fileexplorer_floating_drag_icon_wrap .fe_fileexplorer_item_icon { width: 48px; height: 48px; background-repeat: no-repeat; position: relative; opacity: 0.82; image-rendering: pixelated; }
+.fe_fileexplorer_floating_drag_icon_wrap .fe_fileexplorer_item_icon_folder { background-image: url('fileexplorer_sprites.png'); background-position: -48px -48px; image-rendering: pixelated; }
+.fe_fileexplorer_floating_drag_icon_wrap .fe_fileexplorer_item_icon_file { background-image: url('fileexplorer_sprites.png'); background-position: -0px -48px; image-rendering: pixelated; }
+.fe_fileexplorer_floating_drag_icon_wrap .fe_fileexplorer_floating_drag_icon_wrap_inner[data-numitems]::after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); padding: 0.1em 0.3em; font-size: 0.75em; background-color: #0074CC; border: 1px solid #FFFFFF; color: #FFFFFF; content: attr(data-numitems); }
+
+.fe_fileexplorer_download_iframe_wrap { position: fixed; left: -9999px; border: 0 none; width: 1px; height: 1px; }
+
+@media (pointer: coarse) {
+	.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap { margin-top: 0.1em; margin-bottom: 0.1em; }
+	.fe_fileexplorer_wrap .fe_fileexplorer_show_item_checkboxes .fe_fileexplorer_item_checkbox { display: block; }
+
+	.fe_fileexplorer_wrap .fe_fileexplorer_item_wrap_inner:hover { background-color: transparent; border-color: transparent; }
+	.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap:not(.fe_fileexplorer_inner_wrap_focused) .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner:hover { background-color: transparent; border-color: transparent; }
+	.fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap.fe_fileexplorer_inner_wrap_focused .fe_fileexplorer_items_wrap:not(.fe_fileexplorer_items_focus) .fe_fileexplorer_item_wrap_inner:hover { background-color: transparent; border-color: transparent; }
+}
diff --git a/web/file-explorer/file-explorer.js b/web/file-explorer/file-explorer.js
new file mode 100755
index 0000000..a349ff5
--- /dev/null
+++ b/web/file-explorer/file-explorer.js
@@ -0,0 +1,8024 @@
+// Folder and File Explorer.  A pure, zero-dependencies Javascript widget.
+// (C) 2020 CubicleSoft.  All Rights Reserved.
+
+(function() {
+	// Prevent multiple instances.
+	if (window.hasOwnProperty('FileExplorer'))  return;
+
+	var EscapeHTML = function(text) {
+		var map = {
+			'&': '&amp;',
+			'<': '&lt;',
+			'>': '&gt;',
+			'"': '&quot;',
+			"'": '&#039;'
+		};
+
+		return text.replace(/[&<>"']/g, function(m) { return map[m]; });
+	}
+
+	var FormatStr = function(format) {
+		var args = Array.prototype.slice.call(arguments, 1);
+
+		return format.replace(/{(\d+)}/g, function(match, number) {
+			return (typeof args[number] != 'undefined' ? args[number] : match);
+		});
+	};
+
+	var GetDisplayFilesize = function(numbytes, adjustprecision, units) {
+		if (numbytes == 0)  return '0 Bytes';
+		if (numbytes == 1)  return '1 Byte';
+
+		numbytes = Math.abs(numbytes);
+		var magnitude, abbreviations;
+		if (units && units.toLowerCase() === 'iec_formal')
+		{
+			magnitude = Math.pow(2, 10);
+			abbreviations = ['Bytes', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
+		}
+		else if (units && units.toLowerCase() === 'si')
+		{
+			magnitude = Math.pow(10, 3);
+			abbreviations = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+		}
+		else
+		{
+			magnitude = Math.pow(2, 10);
+			abbreviations = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+		}
+
+		var pos = Math.floor(Math.log(numbytes) / Math.log(magnitude));
+		var result = (numbytes / Math.pow(magnitude, pos));
+
+		return (pos == 0 || (adjustprecision && result >= 99.995) ? result.toFixed(0) : result.toFixed(2)) + ' ' + abbreviations[pos];
+	};
+
+	var CreateNode = function(tag, classes, attrs, styles) {
+		var elem = document.createElement(tag);
+
+		if (classes)
+		{
+			if (typeof classes === 'string')  elem.className = classes;
+			else  elem.className = classes.join(' ');
+		}
+
+		if (attrs)  Object.assign(elem, attrs);
+
+		if (styles)  Object.assign(elem.style, styles);
+
+		return elem;
+	};
+
+	var DebounceAttributes = function(options) {
+		if (!(this instanceof DebounceAttributes))  return new DebounceAttributes(options);
+
+		var intervaltimer = null, numsame;
+		var $this = this;
+
+		var defaults = {
+			watchers: [],
+			interval: 50,
+			stopsame: 1,
+
+			callback: null,
+			intervalcallback: null
+		};
+
+		$this.settings = Object.assign({}, defaults, options);
+
+		var MainIntervalHandler = function() {
+			var nummatches = 0;
+
+			for (var x = 0; x < $this.settings.watchers.length; x++)
+			{
+				var watcher = $this.settings.watchers[x];
+
+				if (watcher.val === watcher.elem[watcher.attr])  nummatches++;
+				else  watcher.val = watcher.elem[watcher.attr];
+			}
+
+			if (nummatches < $this.settings.watchers.length)
+			{
+				numsame = 0;
+
+				if ($this.settings.intervalcallback)  $this.settings.intervalcallback.call($this);
+			}
+			else
+			{
+				numsame++;
+
+				if (numsame >= $this.settings.stopsame)
+				{
+					$this.Stop();
+
+					if ($this.settings.intervalcallback)  $this.settings.intervalcallback.call($this);
+
+					if ($this.settings.callback)  $this.settings.callback.call($this);
+				}
+			}
+		};
+
+
+		// Public functions.
+
+		$this.Start = function() {
+			if (!intervaltimer)
+			{
+				numsame = 0;
+
+				intervaltimer = setInterval(MainIntervalHandler, $this.settings.interval);
+			}
+		};
+
+		$this.Stop = function() {
+			if (intervaltimer)
+			{
+				clearInterval(intervaltimer);
+
+				intervaltimer = null;
+			}
+		};
+
+		$this.Destroy = function() {
+			$this.Stop();
+
+			$this = null;
+		}
+	};
+
+	function GetScrollLineHeight() {
+		var iframe = document.createElement('iframe');
+		iframe.src = '#';
+		document.body.appendChild(iframe);
+		var iwin = iframe.contentWindow;
+		var idoc = iwin.document;
+		idoc.open();
+		idoc.write('<!DOCTYPE html><html><head></head><body><span>a</span></body></html>');
+		idoc.close();
+		var span = idoc.body.firstElementChild;
+		var r = span.offsetHeight;
+		document.body.removeChild(iframe);
+
+		return r;
+	}
+
+	var scrolllineheight = GetScrollLineHeight();
+
+	// Clean up history stack.
+	var capturingrefs = 0, prevscrollrestore;
+	function HistoryPopStateHandler(e) {
+		if (!capturingrefs)
+		{
+			if (e.state && e.state._fileexplorer)
+			{
+				var prevscrollstatecopy = e.state._fileexplorerprevscroll;
+
+				window.history.back();
+
+				if (prevscrollstatecopy)  prevscrollrestore = prevscrollstatecopy;
+			}
+			else if (prevscrollrestore)
+			{
+				setTimeout(function() {
+					window.history.scrollRestoration = prevscrollrestore;
+
+					prevscrollrestore = null;
+				}, 20);
+			}
+		}
+	}
+
+	window.addEventListener('popstate', HistoryPopStateHandler, true);
+
+	if (window.history.state && window.history.state._fileexplorer)
+	{
+		var prevscrollstatecopy = window.history.state._fileexplorerprevscroll;
+
+		window.history.back();
+
+		if (prevscrollstatecopy)  prevscrollrestore = prevscrollstatecopy;
+	}
+
+	// Extracts and returns global drag group icon data for drag-and-drop operations.
+	function GetFileExplorerDragIconData(e, group) {
+		if (!e.dataTransfer)  return false;
+
+		for (var x = 0; x < e.dataTransfer.types.length; x++)
+		{
+			if (e.dataTransfer.types[x].startsWith('application/file-explorer-icon;'))
+			{
+				try
+				{
+					var icondata = JSON.parse(e.dataTransfer.types[x].substring(31));
+
+					return (!group || group === icondata.group ? icondata : false);
+				}
+				catch (e)
+				{
+				}
+			}
+		}
+
+		return false;
+	}
+
+	// Creates a custom overlay that tracks with the position when entering the window.
+	var fe_numdragenters = 0, fe_dragiconoverlay, fe_dragiconoverlaypos = {};
+	function OverlayDragEnterHandler(e) {
+		if (!fe_numdragenters)
+		{
+			var icondata = GetFileExplorerDragIconData(e);
+
+			if (icondata !== false)
+			{
+				// Create the floating icon tracking overlay.
+				fe_dragiconoverlay = CreateNode('div', ['fe_fileexplorer_floating_drag_icon_wrap']);
+				var innernode = CreateNode('div', ['fe_fileexplorer_floating_drag_icon_wrap_inner']);
+				var iconnode = CreateNode('div', ['fe_fileexplorer_item_icon']);
+
+				if (icondata.numitems > 1)  innernode.dataset.numitems = icondata.numitems;
+
+				iconnode.classList.add('fe_fileexplorer_item_icon_' + icondata.type);
+
+				innernode.appendChild(iconnode);
+				fe_dragiconoverlay.appendChild(innernode);
+				document.body.appendChild(fe_dragiconoverlay);
+
+				fe_dragiconoverlaypos = {
+					lastx: -9999,
+					lasty: 0,
+					xdiff: Math.floor(fe_dragiconoverlay.offsetWidth / 2),
+					ydiff: Math.floor(fe_dragiconoverlay.offsetHeight - 8)
+				};
+			}
+		}
+
+		fe_numdragenters++;
+	}
+
+	// Moves the overlay to the drag position.
+	function OverlayDragOverHandler(e) {
+		if (fe_dragiconoverlay && (fe_dragiconoverlaypos.lastx !== e.clientX || fe_dragiconoverlaypos.lasty !== e.clientY))
+		{
+			fe_dragiconoverlaypos.lastx = e.clientX;
+			fe_dragiconoverlaypos.lasty = e.clientY;
+
+			// Update the overlay position.
+			fe_dragiconoverlay.style.left = (e.clientX - fe_dragiconoverlaypos.xdiff) + 'px';
+			fe_dragiconoverlay.style.top = (e.clientY - fe_dragiconoverlaypos.ydiff) + 'px';
+		}
+	}
+
+	// Removes the custom overlay when leaving the window.
+	function OverlayDragLeaveHandler(e) {
+		fe_numdragenters--;
+
+		if (fe_numdragenters < 1)
+		{
+			fe_numdragenters = 0;
+
+			if (fe_dragiconoverlay)
+			{
+				fe_dragiconoverlay.parentNode.removeChild(fe_dragiconoverlay);
+				fe_dragiconoverlay = null;
+			}
+
+			fe_dragiconoverlaypos = {};
+		}
+	}
+
+	window.addEventListener('dragenter', OverlayDragEnterHandler, true);
+	window.addEventListener('dragover', OverlayDragOverHandler, true);
+	window.addEventListener('dragleave', OverlayDragLeaveHandler, true);
+	window.addEventListener('drop', OverlayDragLeaveHandler, true);
+
+
+	// Basic XMLHttpRequest (XHR) wrapper.
+	var PrepareXHR = function(options) {
+		if (!(this instanceof PrepareXHR))  return new PrepareXHR(options);
+
+		var sent = false;
+		var $this = this;
+
+		$this.xhr = new XMLHttpRequest();
+
+		var RequestEndedHandler = function(e) {
+			if ($this)  $this.xhr = null;
+		};
+
+		$this.xhr.addEventListener('loadend', RequestEndedHandler);
+
+		if (options.onsuccess || options.onload)  $this.xhr.addEventListener('load', options.onsuccess || options.onload);
+		if (options.onerror)
+		{
+			$this.xhr.addEventListener('error', options.onerror);
+
+			if (!options.onabort)  $this.xhr.addEventListener('abort', options.onerror);
+			if (!options.ontimeout)  $this.xhr.addEventListener('timeout', options.onerror);
+		}
+		if (options.onabort)  $this.xhr.addEventListener('abort', options.onabort);
+		if (options.onloadstart)  $this.xhr.addEventListener('loadstart', options.onloadstart);
+		if (options.onprogress)  $this.xhr.addEventListener('progress', options.onprogress);
+		if (options.ontimeout)  $this.xhr.addEventListener('timeout', options.ontimeout);
+		if (options.onloadend)  $this.xhr.addEventListener('loadend', options.onloadend);
+
+
+		// Public functions.
+
+		// Transparently route event listener registration/removals.
+		$this.upload = {};
+		$this.upload.addEventListener = function(type, listener, options) {
+			if (!sent && $this && $this.xhr)  $this.xhr.upload.addEventListener(type, listener, options);
+		};
+
+		$this.upload.removeEventListener = function(type, listener, options) {
+			if ($this && $this.xhr)  $this.xhr.upload.removeEventListener(type, listener, options);
+		};
+
+		$this.addEventListener = function(type, listener, options) {
+			if (!sent && $this && $this.xhr)  $this.xhr.addEventListener(type, listener, options);
+		};
+
+		$this.removeEventListener = function(type, listener, options) {
+			if ($this && $this.xhr)  $this.xhr.removeEventListener(type, listener, options);
+		};
+
+		// Returns the calculated method.
+		$this.GetMethod = function() {
+			return (options.method || (options.params || options.body ? 'POST' : 'GET'));
+		};
+
+		$this.PrepareBody = function() {
+			if (options.body)  return options.body;
+
+			var method = $this.GetMethod();
+
+			// Build a FormData object.
+			var xhrbody = (options.params || method === 'POST' ? new FormData() : null);
+
+			if (options.params)
+			{
+				if (options.params instanceof FormData)
+				{
+					xhrbody = options.params;
+				}
+				else if (Array.isArray(options.params))
+				{
+					for (var x = 0; x < options.params.length; x++)  xhrbody.append(options.params[x].name, options.params[x].value);
+				}
+				else
+				{
+					for (var x in options.params)
+					{
+						if (options.params.hasOwnProperty(x))
+						{
+							if (typeof options.params[x] === 'string' || typeof options.params[x] === 'number')  xhrbody.append(x, options.params[x]);
+						}
+					}
+				}
+			}
+
+			return xhrbody;
+		};
+
+		$this.Send = function(xhrbody) {
+			if (sent || !$this || !$this.xhr)  return;
+
+			sent = true;
+
+			$this.xhr.open($this.GetMethod(), options.url);
+
+			// Set request headers.
+			if (options.headers)
+			{
+				for (var x in options.headers)
+				{
+					if (options.headers.hasOwnProperty(x) && typeof options.headers[x] === 'string')  $this.xhr.setRequestHeader(x, options.headers[x]);
+				}
+			}
+
+			if (!xhrbody)  xhrbody = $this.PrepareBody();
+
+			// Send the XHR request.
+			$this.xhr.send(xhrbody);
+		};
+
+		$this.Abort = function() {
+			if (!$this || !$this.xhr)  return;
+
+			var tempxhr = $this.xhr;
+
+			$this.xhr = null;
+
+			if (sent)  tempxhr.abort();
+		};
+
+		$this.Destroy = function() {
+			$this.Abort();
+
+			$this = null;
+		};
+	};
+
+
+	// Image loader.  Items can be cancelled.
+	var ImageLoader = function(options) {
+		if (!(this instanceof ImageLoader))  return new ImageLoader(options);
+
+		var activequeue = {}, numactive = 0, queue = {}, numqueued = 0, minqueueid = 1, nextid = 1;
+		var $this = this;
+
+		var defaults = {
+			maxactive: 10
+		};
+
+		$this.settings = Object.assign({}, defaults, options);
+
+		var ImgLoadHandler = function(e) {
+			var id = e.target._ilid;
+
+			var opts = activequeue[id];
+
+			delete activequeue[id];
+
+			numactive--;
+
+			opts.img.onload = null;
+			opts.img.onerror = null;
+
+			if (opts.callback)  opts.callback.call($this, opts, true, e);
+
+			$this.ProcessQueue();
+		};
+
+		var ImgErrorHandler = function(e) {
+			var id = e.target._ilid;
+
+			var opts = activequeue[id];
+
+			delete activequeue[id];
+
+			numactive--;
+
+			opts.img.onload = null;
+			opts.img.onerror = null;
+
+			if (opts.callback)  opts.callback.call($this, opts, false, e);
+
+			$this.ProcessQueue();
+		};
+
+		// Public functions.
+
+		// Adds an image request to the queue.
+		// Required opts keys:  src (image URL).
+		// Optional opts keys:  width, height, callback.
+		// Reserved opts keys:  id, started, img.
+		$this.AddToQueue = function(opts) {
+			// Ignore if an existing ID is already in a queue.
+			if (opts.id && ((opts.id in activequeue) || (opts.id in queue)))  return;
+
+			opts.id = nextid;
+
+			queue[nextid] = opts;
+			numqueued++;
+
+			nextid++;
+		};
+
+		// Starts the next images in the queue up to maxactive.
+		$this.ProcessQueue = function() {
+			while (numactive < $this.settings.maxactive && numqueued)
+			{
+				while (minqueueid < nextid && !queue.hasOwnProperty(minqueueid))  minqueueid++;
+
+				// Move an item from the waiting queue to the active queue.
+				var opts = queue[minqueueid];
+				delete queue[minqueueid];
+				numqueued--;
+
+				activequeue[opts.id] = opts;
+				numactive++;
+
+				// Create the image.
+				var imgnode = (opts.width && opts.height ? new Image(opts.width, opts.height) : new Image());
+
+				imgnode._ilid = opts.id;
+
+				opts.started = Date.now();
+				opts.img = imgnode;
+
+				imgnode.onload = ImgLoadHandler;
+				imgnode.onerror = ImgErrorHandler;
+				imgnode.src = opts.src;
+			}
+		};
+
+		// Checks to see if the supplied ID is in the active queue.
+		$this.IsActive = function(id) {
+			return (id in activequeue);
+		};
+
+		// Remove an item from the queue it is in.
+		$this.RemoveFromQueue = function(id) {
+			if (id in queue)
+			{
+				delete queue[id];
+
+				numqueued--;
+			}
+			else if (id in activequeue)
+			{
+				var opts = activequeue[id];
+
+				// Cancel an active image download.
+				opts.img.onload = null;
+				opts.img.onerror = null;
+				opts.img.src = '';
+
+				delete opts.img;
+
+				delete activequeue[id];
+
+				numactive--;
+			}
+		};
+
+		$this.Destroy = function() {
+			for (var x in activequeue)
+			{
+				if (activequeue.hasOwnProperty(x))
+				{
+					activequeue[x].img.onload = null;
+					activequeue[x].img.onerror = null;
+					activequeue[x].img.src = '';
+
+					delete activequeue[x].img;
+				}
+			}
+
+			activequeue = {};
+			numactive = 0;
+			queue = {};
+			numqueued = 0;
+
+			$this = null;
+		};
+	};
+
+	// Single instance of ImageLoader for loading thumbnails.
+	var fe_thumbnailloader = new ImageLoader();
+
+
+	// Folder tracking.  Manages information related to folders and files in the defined folder.
+	// Pass in an array of path segments to define the path.  Each path segment is an array consisting of [id, value, attrs].
+	var Folder = function(path) {
+		if (!(this instanceof Folder))  return new Folder(path);
+
+		var triggers = {}, entries = [], entryidmap = {}, busyref = 0, busyqueue = [], autosort = true;
+		var $this = this;
+
+		if (!path[path.length - 1][2])  path[path.length - 1][2] = {};
+
+		// Internal functions.
+		var DispatchEvent = function(eventname, params) {
+			if (!triggers[eventname])  return;
+
+			triggers[eventname].forEach(function(callback) {
+				if (Array.isArray(params))  callback.apply($this, params);
+				else  callback.call($this, params);
+			});
+		};
+
+		// Public DOM-style functions.
+		$this.addEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  triggers[eventname] = [];
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)  return;
+			}
+
+			triggers[eventname].push(callback);
+		};
+
+		$this.removeEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  return;
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)
+				{
+					triggers[eventname].splice(x, 1);
+
+					return;
+				}
+			}
+		};
+
+		$this.hasEventListener = function(eventname) {
+			return (triggers[eventname] && triggers[eventname].length);
+		};
+
+		// Internal variables.
+		$this.lastrefresh = 0;
+		$this.waiting = true;
+		$this.refs = 0;
+
+		// Public functions.
+
+		// Add the value of newval to the folder busy state.  Any queued changes will be applied when cleared.
+		$this.SetBusyRef = function(newval) {
+			busyref += newval;
+			if (busyref < 0)  busyref = 0;
+
+			while (!busyref && busyqueue.length)
+			{
+				var item = busyqueue.shift();
+
+				item.callback.apply($this, item.callbackopts);
+			}
+		};
+
+		$this.IsBusy = function() {
+			return (busyref > 0);
+		};
+
+		$this.AddBusyQueueCallback = function(callback, callbackopts) {
+			busyqueue.push({ callback: callback, callbackopts: callbackopts });
+
+			$this.SetBusyRef(0);
+		};
+
+		// Internal function to only be used by FileExplorer.
+		$this.ClearBusyQueueCallbacks = function() {
+			busyqueue = [];
+		};
+
+		$this.GetPath = function() {
+			return path;
+		};
+
+		$this.GetPathIDs = function() {
+			var result = [];
+
+			for (var x = 0; x < path.length; x++)  result.push(path[x][0]);
+
+			return result;
+		};
+
+		// Sets an object containing optional attributes for the path.
+		// Used primarily to disable some/all tools from functioning for specific folders.
+		$this.SetAttributes = function(newattrs) {
+			path[path.length - 1][2] = newattrs;
+
+			DispatchEvent('set_attributes');
+		};
+
+		$this.SetAttribute = function(key, value) {
+			path[path.length - 1][2][key] = value;
+
+			DispatchEvent('set_attributes', key);
+		};
+
+		$this.GetAttributes = function() {
+			return path[path.length - 1][2];
+		};
+
+		$this.SetAutoSort = function(newautosort) {
+			autosort = (newautosort ? true : false);
+		};
+
+		$this.SortEntries = function() {
+			if ($this.busy)
+			{
+				$this.busyqueue.push({ callback: $this.SortEntries, callbackopts: [] });
+
+				return;
+			}
+
+			var localeopts = { numeric: true, sensitivity: 'base' };
+
+			entries.sort(function(a, b) {
+				if (a.type !== b.type)  return (a.type === 'folder' ? -1 : 1);
+
+				return a.name.localeCompare(b.name, undefined, localeopts);
+			});
+		};
+
+		// Sets an array of objects containing the folder entries.
+		// Required per-item object keys:  id (unique string), name, type ('folder' or 'file'), hash (unique string).
+		// Optional per-item object keys:  attrs, size, tooltip (tooltip string), thumb (thumbnail image URL), overlay (class name).
+		$this.SetEntries = function(newentries) {
+			if ($this.busy)
+			{
+				$this.busyqueue.push({ callback: $this.SetEntries, callbackopts: [newentries] });
+
+				return;
+			}
+
+			entries = newentries;
+
+			if (autosort)  $this.SortEntries();
+
+			entryidmap = {};
+			for (var x = 0; x < entries.length; x++)
+			{
+				entryidmap[entries[x].id] = x;
+			}
+
+			$this.waiting = false;
+
+			DispatchEvent('set_entries');
+		};
+
+		// Creates/Updates multiple entries.
+		$this.UpdateEntries = function(updatedentries) {
+			if ($this.busy)
+			{
+				$this.busyqueue.push({ callback: $this.UpdateEntries, callbackopts: [updatedentries] });
+
+				return;
+			}
+
+			for (var x = 0; x < updatedentries.length; x++)
+			{
+				var entry = updatedentries[x];
+
+				if (!(entry.id in entryidmap))  entries.push(entry);
+				else  entries[entryidmap[entry.id]] = entry;
+			}
+
+			if (autosort)  $this.SortEntries();
+
+			entryidmap = {};
+			for (var x = 0; x < entries.length; x++)
+			{
+				entryidmap[entries[x].id] = x;
+			}
+
+			$this.waiting = false;
+
+			DispatchEvent('set_entries');
+		};
+
+		// Sets a single entry and triggers a full refresh.
+		$this.SetEntry = function(entry) {
+			if ($this.busy)
+			{
+				$this.busyqueue.push({ callback: $this.SetEntry, callbackopts: [entry] });
+
+				return;
+			}
+
+			if (!(entry.id in entryidmap))  entries.push(entry);
+			else  entries[entryidmap[entry.id]] = entry;
+
+			if (autosort)  $this.SortEntries();
+
+			entryidmap = {};
+			for (var x = 0; x < entries.length; x++)
+			{
+				entryidmap[entries[x].id] = x;
+			}
+
+			$this.waiting = false;
+
+			DispatchEvent('set_entries');
+		};
+
+		$this.RemoveEntry = function(id) {
+			if ($this.busy)
+			{
+				$this.busyqueue.push({ callback: $this.RemoveEntry, callbackopts: [id] });
+
+				return;
+			}
+
+			if (!(id in entryidmap))  return;
+
+			var pos = entryidmap[id];
+
+			delete entryidmap[id];
+
+			entries.splice(pos, 1);
+
+			for (var x = pos; x < entries.length; x++)
+			{
+				entryidmap[entries[x].id] = x;
+			}
+
+			DispatchEvent('remove_entry', pos);
+		};
+
+		$this.GetEntries = function() {
+			return entries;
+		};
+
+		$this.GetEntryIDMap = function() {
+			return entryidmap;
+		};
+
+		$this.Destroy = function() {
+			DispatchEvent('destroy');
+
+			triggers = {};
+			entries = [];
+			entryidmap = {};
+			busyref = 0
+			busyqueue = [];
+
+			$this.lastrefresh = 0;
+			$this.waiting = true;
+			$this.refs = 0;
+
+			$this = null;
+			path = null;
+		};
+	};
+
+
+	// Attaches a popup menu to the DOM.
+	var PopupMenu = function(parentelem, options) {
+		if (!(this instanceof PopupMenu))  return new PopupMenu(parentelem, options);
+
+		var triggers = {};
+		var $this = this;
+
+		var defaults = {
+			items: [],
+
+			resizewatchers: null,
+
+			onposition: null,
+			onselchanged: null,
+			onselected: null,
+			oncancel: null,
+
+			onleft: null,
+			onright: null,
+
+			ondestroy: null
+		};
+
+		$this.settings = Object.assign({}, defaults, options);
+
+		// Initialize the UI elements.
+		var elems = {
+			popupwrap: CreateNode('div', ['fe_fileexplorer_popup_wrap'], { tabIndex: 0 }),
+			innerwrap: CreateNode('div', ['fe_fileexplorer_popup_inner_wrap'])
+		};
+
+		// Track the last hovered/focused item.
+		var lastitem = false, itemidmap = {};
+
+		// Attach elements to DOM.
+		for (var x = 0; x < $this.settings.items.length; x++)
+		{
+			var item = $this.settings.items[x];
+
+			if (item === 'split')
+			{
+				var itemnode = CreateNode('div', ['fe_fileexplorer_popup_item_split']);
+
+				elems.innerwrap.appendChild(itemnode);
+			}
+			else
+			{
+				var itemnode = CreateNode('div', ['fe_fileexplorer_popup_item_wrap'], { tabIndex: -1 });
+				var itemicon = CreateNode('div', ['fe_fileexplorer_popup_item_icon']);
+				var itemiconinner = CreateNode('div', ['fe_fileexplorer_popup_item_icon_inner']);
+				var itemtext = CreateNode('div', ['fe_fileexplorer_popup_item_text']);
+				var enabled = (!('enabled' in item) || item.enabled);
+
+				if (!enabled)  itemnode.classList.add('fe_fileexplorer_popup_item_disabled');
+
+				if ('icon' in item)  itemiconinner.classList.add(item.icon);
+
+				itemtext.innerHTML = item.name;
+
+				itemicon.appendChild(itemiconinner);
+				itemnode.appendChild(itemicon);
+				itemnode.appendChild(itemtext);
+
+				itemnode.dataset.itemid = item.id;
+				itemidmap[item.id] = item;
+
+				elems.innerwrap.appendChild(itemnode);
+			}
+		}
+
+		elems.popupwrap.appendChild(elems.innerwrap);
+
+		parentelem.appendChild(elems.popupwrap);
+
+		// Internal functions.
+		var DispatchEvent = function(eventname, params) {
+			if (!triggers[eventname])  return;
+
+			triggers[eventname].forEach(function(callback) {
+				if (Array.isArray(params))  callback.apply($this, params);
+				else  callback.call($this, params);
+			});
+		};
+
+		// Public DOM-style functions.
+		$this.addEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  triggers[eventname] = [];
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)  return;
+			}
+
+			triggers[eventname].push(callback);
+		};
+
+		$this.removeEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  return;
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)
+				{
+					triggers[eventname].splice(x, 1);
+
+					return;
+				}
+			}
+		};
+
+		$this.hasEventListener = function(eventname) {
+			return (triggers[eventname] && triggers[eventname].length);
+		};
+
+		// Register settings callbacks.
+		if ($this.settings.onposition)  $this.addEventListener('position', $this.settings.onposition);
+		if ($this.settings.onselchanged)  $this.addEventListener('selection_changed', $this.settings.onselchanged);
+		if ($this.settings.onselected)  $this.addEventListener('selected', $this.settings.onselected);
+		if ($this.settings.oncancel)  $this.addEventListener('cancelled', $this.settings.oncancel);
+		if ($this.settings.onleft)  $this.addEventListener('left', $this.settings.onleft);
+		if ($this.settings.onright)  $this.addEventListener('right', $this.settings.onright);
+		if ($this.settings.ondestroy)  $this.addEventListener('destroy', $this.settings.ondestroy);
+
+		// Set up focus changing closing rules.
+		var MainFocusHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			var node = e.target;
+			while (node && node !== elems.popupwrap)  node = node.parentNode;
+
+			if (node !== elems.popupwrap && allowcancel)
+			{
+				lastactiveelem = e.target;
+
+				$this.Cancel(e.type === 'focus' ? 'focus' : 'mouse');
+			}
+		};
+
+		window.addEventListener('mousedown', MainFocusHandler, true);
+		window.addEventListener('focus', MainFocusHandler, true);
+
+		var MainWindowBlurHander = function(e) {
+			if (e.target === window || e.target === document)  $this.Cancel('blur');
+		};
+
+		window.addEventListener('blur', MainWindowBlurHander, true);
+
+		// Track mouse movement to update the last hovered/focused item.
+		var InnerWrapMoveHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			e.preventDefault();
+
+			var node = e.target;
+			while (node && node.parentNode !== elems.innerwrap)  node = node.parentNode;
+
+			if (node && (lastitem !== node || lastitem !== document.activeElement))
+			{
+				if (node.classList.contains('fe_fileexplorer_popup_item_wrap'))
+				{
+					node.tabIndex = 0;
+					node.focus();
+
+					if (lastitem !== false)  lastitem.tabIndex = -1;
+
+					if (lastitem !== node)  DispatchEvent('selection_changed', [node.dataset.itemid, itemidmap[node.dataset.itemid]]);
+
+					lastitem = node;
+				}
+				else if (elems.popupwrap !== document.activeElement)
+				{
+					elems.popupwrap.focus();
+				}
+			}
+		};
+
+		elems.innerwrap.addEventListener('mousemove', InnerWrapMoveHandler);
+
+		var InnerWrapLeaveHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			elems.popupwrap.focus();
+		};
+
+		elems.innerwrap.addEventListener('mouseleave', InnerWrapLeaveHandler);
+
+		// Notify listeners that the last item was selected.
+		var lastactiveelem = document.activeElement;
+		var NotifySelected = function(etype) {
+			allowcancel = false;
+
+			DispatchEvent('selected', [itemidmap[lastitem.dataset.itemid].id, itemidmap[lastitem.dataset.itemid], lastactiveelem, etype]);
+		};
+
+		// Handle clicks.
+		var MainClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			e.preventDefault();
+
+			if (e.button == 0 && lastitem !== false && lastitem === document.activeElement && !lastitem.classList.contains('fe_fileexplorer_popup_item_disabled'))  NotifySelected('mouse');
+		};
+
+		elems.innerwrap.addEventListener('mouseup', MainClickHandler);
+
+		var StopContextMenu = function(e) {
+			if (!e.isTrusted)  return;
+
+			e.preventDefault();
+		};
+
+		elems.innerwrap.addEventListener('contextmenu', StopContextMenu);
+
+		// Handle keyboard navigation.
+		var MainKeyHandler = function(e) {
+			// The keyboard is modal while the mouse is not.  Stop propagation of all keyboard actions.
+			e.stopPropagation();
+
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 37)
+			{
+				// Left Arrow.  Send event to registered caller (if any).
+				e.preventDefault();
+
+				DispatchEvent('left', lastactiveelem);
+			}
+			else if (e.keyCode == 39)
+			{
+				// Right Arrow.  Send event to registered caller (if any).
+				e.preventDefault();
+
+				DispatchEvent('right', lastactiveelem);
+			}
+			else if (e.keyCode == 38)
+			{
+				// Up Arrow.  Move to previous or last item.
+				e.preventDefault();
+
+				var node = (lastitem === false ? elems.innerwrap.lastChild : lastitem.previousSibling);
+
+				while (node && !node.classList.contains('fe_fileexplorer_popup_item_wrap'))  node = node.previousSibling;
+
+				if (!node)  node = elems.innerwrap.lastChild;
+
+				if (node)
+				{
+					node.tabIndex = 0;
+					node.focus();
+
+					if (lastitem !== false)  lastitem.tabIndex = -1;
+
+					if (lastitem !== node)  DispatchEvent('selection_changed', [node.dataset.itemid, itemidmap[node.dataset.itemid]]);
+
+					lastitem = node;
+				}
+
+				if (lastitem !== false)  lastitem.focus();
+			}
+			else if (e.keyCode == 40)
+			{
+				// Down Arrow.  Move to next or first item.
+				e.preventDefault();
+
+				var node = (lastitem === false ? elems.innerwrap.firstChild : lastitem.nextSibling);
+
+				while (node && !node.classList.contains('fe_fileexplorer_popup_item_wrap'))  node = node.nextSibling;
+
+				if (!node)  node = elems.innerwrap.firstChild;
+
+				if (node)
+				{
+					node.tabIndex = 0;
+					node.focus();
+
+					if (lastitem !== false)  lastitem.tabIndex = -1;
+
+					if (lastitem !== node)  DispatchEvent('selection_changed', [node.dataset.itemid, itemidmap[node.dataset.itemid]]);
+
+					lastitem = node;
+				}
+
+				if (lastitem !== false)  lastitem.focus();
+			}
+			else if (e.keyCode == 13)
+			{
+				// Enter.  Select item or cancel the popup if the item is disabled.
+				e.preventDefault();
+
+				if (lastitem === false || lastitem !== document.activeElement || lastitem.classList.contains('fe_fileexplorer_popup_item_disabled'))  $this.Cancel('key');
+				else  NotifySelected('key');
+			}
+			else if (e.keyCode == 27 || e.keyCode == 9 || e.altKey)
+			{
+				// Escape, Tab, or Alt.  Cancel the popup.
+				e.preventDefault();
+
+				$this.Cancel('key');
+			}
+		};
+
+		elems.popupwrap.addEventListener('keydown', MainKeyHandler);
+
+		var IgnoreKeyHandler = function(e) {
+			e.stopPropagation();
+
+			if (!e.isTrusted)  return;
+		};
+
+		elems.popupwrap.addEventListener('keyup', IgnoreKeyHandler);
+		elems.popupwrap.addEventListener('keypress', IgnoreKeyHandler);
+
+
+		// Public functions.
+
+		// Updates the position of the popup menu.
+		$this.UpdatePosition = function() {
+			elems.popupwrap.style.left = '-9999px';
+
+			DispatchEvent('position', elems.popupwrap);
+		};
+
+		$this.UpdatePosition();
+
+		// Set up a debounced element attribute watcher on window resize.
+		var updatepositionwatcher;
+		if (Array.isArray($this.settings.resizewatchers) && $this.settings.resizewatchers.length)
+		{
+			updatepositionwatcher = new DebounceAttributes({
+				watchers: $this.settings.resizewatchers,
+				interval: 100,
+				stopsame: 5,
+				callback: $this.UpdatePosition,
+				intervalcallback: $this.UpdatePosition
+			});
+
+			window.addEventListener('resize', updatepositionwatcher.Start, true);
+		}
+
+		// Dispatches the cancelled event.
+		var allowcancel = false;
+		$this.Cancel = function(etype) {
+			if (allowcancel)
+			{
+				allowcancel = false;
+
+				DispatchEvent('cancelled', [lastactiveelem, etype]);
+			}
+		};
+
+		// Prevents Cancel() from having any effect.
+		$this.PreventCancel = function() {
+			allowcancel = false;
+		};
+
+		// Destroys the popup menu.
+		$this.Destroy = function() {
+			DispatchEvent('destroy');
+
+			window.removeEventListener('mousedown', MainFocusHandler, true);
+			window.removeEventListener('focus', MainFocusHandler, true);
+			window.removeEventListener('blur', MainWindowBlurHander, true);
+
+			elems.innerwrap.removeEventListener('mousemove', InnerWrapMoveHandler);
+			elems.innerwrap.removeEventListener('mouseleave', InnerWrapLeaveHandler);
+			elems.innerwrap.removeEventListener('mouseup', MainClickHandler);
+			elems.innerwrap.removeEventListener('contextmenu', StopContextMenu);
+
+			elems.popupwrap.removeEventListener('keydown', MainKeyHandler);
+			elems.popupwrap.removeEventListener('keyup', IgnoreKeyHandler);
+			elems.popupwrap.removeEventListener('keypress', IgnoreKeyHandler);
+
+			if (Array.isArray($this.settings.resizewatchers) && $this.settings.resizewatchers.length)
+			{
+				window.removeEventListener('resize', updatepositionwatcher.Start, true);
+
+				updatepositionwatcher.Destroy();
+			}
+
+			for (var node in elems)
+			{
+				if (elems[node].parentNode)  elems[node].parentNode.removeChild(elems[node]);
+			}
+
+			// Remaining cleanup.
+			elems = null;
+			lastactiveelem = null;
+
+			$this.settings = Object.assign({}, defaults);
+
+			$this = null;
+			parentelem = null;
+			options = null;
+		};
+
+		// Focus on the popup menu but do not select anything.
+		elems.popupwrap.focus();
+		allowcancel = true;
+	};
+
+
+	// Overlays a textarea placed into a parent element.
+	var TextareaOverlay = function(parentelem, options) {
+		if (!(this instanceof TextareaOverlay))  return new TextareaOverlay(parentelem, options);
+
+		var triggers = {};
+		var $this = this;
+
+		var defaults = {
+			capturetab: false,
+			multiline: false,
+
+			initvalue: '',
+			initselstart: -1,
+			initselend: -1,
+
+			resizewatchers: null,
+
+			onposition: null,
+			ondone: null,
+			oncancel: null,
+
+			ondestroy: null
+		};
+
+		$this.settings = Object.assign({}, defaults, options);
+
+		// Initialize the UI elements.
+		var elems = {
+			maintext: CreateNode('textarea', ['fe_fileexplorer_textarea'])
+		};
+
+		// Attach elements to DOM.
+		elems.maintext.value = $this.settings.initvalue;
+
+		parentelem.appendChild(elems.maintext);
+
+		// Internal functions.
+		var DispatchEvent = function(eventname, params) {
+			if (!triggers[eventname])  return;
+
+			triggers[eventname].forEach(function(callback) {
+				if (Array.isArray(params))  callback.apply($this, params);
+				else  callback.call($this, params);
+			});
+		};
+
+		// Public DOM-style functions.
+		$this.addEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  triggers[eventname] = [];
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)  return;
+			}
+
+			triggers[eventname].push(callback);
+		};
+
+		$this.removeEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  return;
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)
+				{
+					triggers[eventname].splice(x, 1);
+
+					return;
+				}
+			}
+		};
+
+		$this.hasEventListener = function(eventname) {
+			return (triggers[eventname] && triggers[eventname].length);
+		};
+
+		// Register settings callbacks.
+		if ($this.settings.onposition)  $this.addEventListener('position', $this.settings.onposition);
+		if ($this.settings.ondone)  $this.addEventListener('done', $this.settings.ondone);
+		if ($this.settings.oncancel)  $this.addEventListener('cancelled', $this.settings.oncancel);
+		if ($this.settings.ondestroy)  $this.addEventListener('destroy', $this.settings.ondestroy);
+
+		// Set up focus changing closing rules.
+		var MainFocusHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			var node = e.target;
+			while (node && node !== elems.maintext)  node = node.parentNode;
+
+			if (node !== elems.maintext && allowcanceldone)
+			{
+				lastactiveelem = e.target;
+
+				$this.Done(e.type === 'focus' ? 'focus' : 'mouse');
+			}
+		};
+
+		window.addEventListener('mousedown', MainFocusHandler, true);
+		window.addEventListener('focus', MainFocusHandler, true);
+
+		var MainWindowBlurHander = function(e) {
+			if (e.target === window || e.target === document)  $this.Done('blur');
+		};
+
+		window.addEventListener('blur', MainWindowBlurHander, true);
+
+		var lastactiveelem = document.activeElement;
+
+		// Handle keyboard navigation.
+		var MainKeyHandler = function(e) {
+			// The keyboard is modal while the mouse is not.  Stop propagation of all keyboard actions.
+			e.stopPropagation();
+
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 8)
+			{
+				// Backspace.
+				$this.UpdatePosition();
+				setTimeout($this.UpdatePosition, 0);
+			}
+			if (e.keyCode == 46)
+			{
+				// Delete.
+				$this.UpdatePosition();
+				setTimeout($this.UpdatePosition, 0);
+			}
+			else if (e.keyCode == 9)
+			{
+				// Tab.
+				e.preventDefault();
+
+				if (!$this.settings.capturetab || e.shiftKey)  $this.Done('key');
+				else
+				{
+					var pos = elems.maintext.selectionStart;
+					elems.maintext.value = elems.maintext.value.substring(0, pos) + '\t' + elems.maintext.value.substring(elems.maintext.selectionEnd);
+					elems.maintext.selectionEnd = pos + 1;
+
+					$this.UpdatePosition();
+					setTimeout($this.UpdatePosition, 0);
+				}
+			}
+			else if (e.keyCode == 13)
+			{
+				// Enter.  Complete the entry if not multiline.
+				if (!$this.settings.multiline)
+				{
+					e.preventDefault();
+
+					$this.Done('key');
+				}
+			}
+			else if (e.keyCode == 27)
+			{
+				// Escape.  Cancel the textarea.
+				e.preventDefault();
+
+				$this.Cancel('key');
+			}
+		};
+
+		elems.maintext.addEventListener('keydown', MainKeyHandler);
+
+		var MainKeypressHandler = function(e) {
+			e.stopPropagation();
+
+			$this.UpdatePosition();
+		};
+
+		elems.maintext.addEventListener('keyup', MainKeypressHandler);
+		elems.maintext.addEventListener('keypress', MainKeypressHandler);
+
+
+		// Public functions.
+
+		// Updates the position of the textarea.
+		$this.UpdatePosition = function() {
+			elems.maintext.style.height = '1px';
+
+			DispatchEvent('position', elems.maintext);
+		};
+
+		$this.UpdatePosition();
+
+		// Set up a debounced element attribute watcher on window resize.
+		var updatepositionwatcher;
+		if (Array.isArray($this.settings.resizewatchers) && $this.settings.resizewatchers.length)
+		{
+			updatepositionwatcher = new DebounceAttributes({
+				watchers: $this.settings.resizewatchers,
+				interval: 100,
+				stopsame: 5,
+				callback: $this.UpdatePosition,
+				intervalcallback: $this.UpdatePosition
+			});
+
+			window.addEventListener('resize', updatepositionwatcher.Start, true);
+		}
+
+		// Dispatches the done event if the content has changed.
+		var allowcanceldone = false;
+		$this.Done = function(etype) {
+			if ($this.settings.initvalue === elems.maintext.value)  $this.Cancel(etype);
+			else if (allowcanceldone)
+			{
+				allowcanceldone = false;
+				elems.maintext.readOnly = true;
+
+				DispatchEvent('done', [elems.maintext.value, lastactiveelem, etype]);
+			}
+		};
+
+		// Dispatches the cancelled event.
+		$this.Cancel = function(etype) {
+			if (allowcanceldone)
+			{
+				allowcanceldone = false;
+				elems.maintext.readOnly = true;
+
+				DispatchEvent('cancelled', [lastactiveelem, etype]);
+			}
+		};
+
+		// Resets the cancel/done status to true so another event can be dispatched.
+		$this.ResetAllowCancelDone = function() {
+			setTimeout(function() {
+				elems.maintext.readOnly = false;
+				elems.maintext.focus();
+
+				allowcanceldone = true;
+			}, 0);
+		};
+
+		// Destroys the textarea.
+		$this.Destroy = function() {
+			DispatchEvent('destroy');
+
+			window.removeEventListener('mousedown', MainFocusHandler, true);
+			window.removeEventListener('focus', MainFocusHandler, true);
+			window.removeEventListener('blur', MainWindowBlurHander, true);
+
+			elems.maintext.removeEventListener('keydown', MainKeyHandler);
+			elems.maintext.removeEventListener('keyup', MainKeypressHandler);
+			elems.maintext.removeEventListener('keypress', MainKeypressHandler);
+
+			if (Array.isArray($this.settings.resizewatchers) && $this.settings.resizewatchers.length)
+			{
+				window.removeEventListener('resize', updatepositionwatcher.Start, true);
+
+				updatepositionwatcher.Destroy();
+			}
+
+			for (var node in elems)
+			{
+				if (elems[node].parentNode)  elems[node].parentNode.removeChild(elems[node]);
+			}
+
+			// Remaining cleanup.
+			elems = null;
+			lastactiveelem = null;
+
+			$this.settings = Object.assign({}, defaults);
+
+			$this = null;
+			parentelem = null;
+			options = null;
+		};
+
+		// Focus on the textarea.
+		elems.maintext.focus();
+		elems.maintext.setSelectionRange(($this.settings.initselstart > -1 ? $this.settings.initselstart : elems.maintext.value.length), ($this.settings.initselend > -1 ? $this.settings.initselend : elems.maintext.value.length));
+		allowcanceldone = true;
+	};
+
+
+	// File Explorer.
+	var nextmain_id = 1, coretools = [];
+	window.FileExplorer = function(parentelem, options) {
+		if (!(this instanceof FileExplorer))  return new FileExplorer(parentelem, options);
+
+		var triggers = {}, historystack = [], currhistory = -1, foldermap = {}, currfolder = false, destroyinprogress = false;
+		var $this = this;
+
+		// The internal ID needs to be fairly unique to identify source for clipboard paste and drag/drop targets.
+		var main_id = nextmain_id + '_fileexplorer_js_' + Date.now() + '_' + (window.crypto && window.crypto.getRandomValues ? window.crypto.getRandomValues(new Uint32Array(1))[0] : Math.random());
+		nextmain_id++;
+
+		var defaults = {
+			group: null,
+
+			alwaysfocused: false,
+			capturebrowser: false,
+
+			messagetimeout: 2000,
+
+			displayunits: 'iec_windows',
+			adjustprecision: true,
+
+			initpath: null,
+
+			onfocus: null,
+			onblur: null,
+
+			onrefresh: null,
+			onselchanged: null,
+
+			onrename: null,
+			onopenfile: null,
+			oninitupload: null,
+			onfinishedupload: null,
+			onuploaderror: null,
+			concurrentuploads: 4,
+
+			tools: {},
+
+			onnewfolder: null,
+			onnewfile: null,
+			oninitdownload: null,
+			ondownloadstarted: null,
+			ondownloaderror: null,
+
+			ondownloadurl: null,
+
+			oncopy: null,
+			onmove: null,
+			ondelete: null,
+
+			langmap: {}
+		};
+
+		$this.settings = Object.assign({}, defaults, options);
+
+		// If the group is not specified, set it to the unique main ID + the current time.
+		var main_group = (typeof $this.settings.group === 'string' ? $this.settings.group : main_id);
+
+		// Multilingual translation.
+		$this.Translate = function(str) {
+			return ($this.settings.langmap[str] ? $this.settings.langmap[str] : str);
+		};
+
+		// Initialize the UI elements.
+		var elems = {
+			mainwrap: CreateNode('div', ['fe_fileexplorer_wrap']),
+			dropzonewrap: CreateNode('div', ['fe_fileexplorer_dropzone_wrap']),
+			innerwrap: CreateNode('div', ['fe_fileexplorer_inner_wrap']),
+
+			toolbar: CreateNode('div', ['fe_fileexplorer_toolbar']),
+			navtools: CreateNode('div', ['fe_fileexplorer_navtools']),
+			navtool_back: CreateNode('button', ['fe_fileexplorer_navtool_back', 'fe_fileexplorer_disabled'], { title: $this.Translate('Back (Alt + Left Arrow)'), tabIndex: -1 }),
+			navtool_forward: CreateNode('button', ['fe_fileexplorer_navtool_forward', 'fe_fileexplorer_disabled'], { title: $this.Translate('Forward (Alt + Right Arrow)'), tabIndex: -1 }),
+			navtool_history: CreateNode('button', ['fe_fileexplorer_navtool_history'], { title: $this.Translate('Recent locations') }),
+			navtool_up: CreateNode('button', ['fe_fileexplorer_navtool_up', 'fe_fileexplorer_disabled'], { title: $this.Translate('Up (Alt + Up Arrow)'), tabIndex: -1 }),
+
+			pathwrap: CreateNode('div', ['fe_fileexplorer_path_wrap']),
+			pathicon: CreateNode('div', ['fe_fileexplorer_path_icon']),
+			pathiconinner: CreateNode('div', ['fe_fileexplorer_path_icon_inner']),
+			pathsegmentsscrollwrap: CreateNode('div', ['fe_fileexplorer_path_segments_scroll_wrap']),
+			pathsegmentswrap: CreateNode('div', ['fe_fileexplorer_path_segments_wrap']),
+
+			bodywrapouter: CreateNode('div', ['fe_fileexplorer_body_wrap_outer']),
+			bodywrap: CreateNode('div', ['fe_fileexplorer_body_wrap']),
+
+			bodytoolsscrollwrap: CreateNode('div', ['fe_fileexplorer_folder_tools_scroll_wrap', 'fe_fileexplorer_hidden']),
+			bodytoolbar: CreateNode('div', ['fe_fileexplorer_folder_tools']),
+			bodytools: [],
+
+			itemsscrollwrap: CreateNode('div', ['fe_fileexplorer_items_scroll_wrap'], { tabIndex: 0 }),
+			itemsscrollwrapinner: CreateNode('div', ['fe_fileexplorer_items_scroll_wrap_inner']),
+			itemsmessagewrap: CreateNode('div', ['fe_fileexplorer_items_message_wrap']),
+			itemswrap: CreateNode('div', ['fe_fileexplorer_items_wrap', 'fe_fileexplorer_hidden']),
+
+			itemsclipboardoverlaypastewrap: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_wrap', 'fe_fileexplorer_hidden']),
+			itemsclipboardoverlaypasteinnerwrap: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_inner_wrap']),
+			itemsclipboardoverlaypastetextwrap: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_text_wrap']),
+			itemsclipboardoverlaypastetext: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_text']),
+			itemsclipboardoverlaypastetextline: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_text_big'], { innerHTML: $this.Translate('Paste here') }),
+			itemsclipboardoverlaypastetexthint: CreateNode('div', ['fe_fileexplorer_items_clipboard_overlay_paste_text_small']),
+			itemsclipboardoverlay: CreateNode('textarea', ['fe_fileexplorer_items_clipboard_overlay'], { tabIndex: -1, inputMode: 'none', autocomplete: 'off', autocorrect: 'off', autocapitalize: 'off', spellcheck: false }),
+
+			statusbar: CreateNode('div', ['fe_fileexplorer_statusbar_wrap']),
+			statusbarmeasuresize: CreateNode('div', ['fe_fileexplorer_statusbar_measure_em_size']),
+			statusbartextwrap: CreateNode('div', ['fe_fileexplorer_statusbar_text_wrap']),
+			statusbartextsegments: [],
+			statusbartextsegmentmap: {},
+			statusbaractionwrap: CreateNode('div', ['fe_fileexplorer_action_wrap']),
+			statusbaractionprogresswrap: CreateNode('div', ['fe_fileexplorer_action_progress_wrap', 'fe_fileexplorer_hidden']),
+			statusbaractionprogressmessagewrap: CreateNode('div', ['fe_fileexplorer_action_progress_msg_wrap']),
+			statusbaractionprogressmessagewrap2: CreateNode('div', ['fe_fileexplorer_action_progress_msg_wrap', 'fe_fileexplorer_action_progress_msg_wrap_last']),
+			statusbaractionprogresscancelwrap: CreateNode('div', ['fe_fileexplorer_action_progress_cancel_wrap'], { title: $this.Translate('Cancel all'), tabIndex: 0 }),
+		};
+
+		// Sets a text segment's displayed text in the status bar.
+		$this.SetNamedStatusBarText = function(name, text, timeout) {
+			if (destroyinprogress)  return;
+
+			if (!(name in elems.statusbartextsegmentmap))
+			{
+				elems.statusbartextsegmentmap[name] = { pos: elems.statusbartextsegments.length, timeout: null };
+
+				var node = CreateNode('div', ['fe_fileexplorer_statusbar_text_segment_wrap']);
+
+				elems.statusbartextsegments.push(node);
+				elems.statusbartextwrap.appendChild(node);
+			}
+
+			var currsegment = elems.statusbartextsegmentmap[name];
+
+			if (currsegment.timeout)
+			{
+				clearTimeout(currsegment.timeout);
+
+				currsegment.timeout = null;
+			}
+
+			var elem = elems.statusbartextsegments[currsegment.pos];
+
+			if (text === '')
+			{
+				elem.innerHTML = '';
+				elem.classList.add('fe_fileexplorer_hidden');
+			}
+			else
+			{
+				elem.innerHTML = text;
+				elem.classList.remove('fe_fileexplorer_hidden');
+
+				if (timeout)
+				{
+					elems.statusbartextsegmentmap[name].timeout = setTimeout(function() {
+						$this.SetNamedStatusBarText(name, '');
+					}, timeout);
+
+					// Recalculate widths.
+					var widthmap = [], totalwidth = 1.5 * elems.statusbarmeasuresize.offsetWidth;
+					for (var x = 0; x < elems.statusbartextsegments.length; x++)
+					{
+						var elem2 = elems.statusbartextsegments[x];
+
+						if (elem2.classList.contains('fe_fileexplorer_hidden'))  widthmap.push(0);
+						else
+						{
+							var currstyle = elem2.currentStyle || window.getComputedStyle(elem2);
+							var elemwidth = elem2.offsetWidth + parseFloat(currstyle.marginLeft) + parseFloat(currstyle.marginRight);
+
+							widthmap.push(elemwidth);
+
+							totalwidth += elemwidth;
+						}
+					}
+
+					for (var x = elems.statusbartextsegments.length; totalwidth >= elems.statusbartextwrap.offsetWidth && x; x--)
+					{
+						if (widthmap[x - 1] && elem !== elems.statusbartextsegments[x - 1])
+						{
+							elems.statusbartextsegments[x - 1].classList.add('fe_fileexplorer_hidden');
+
+							totalwidth -= widthmap[x - 1];
+						}
+					}
+				}
+			}
+
+			// Adjust the last visible class.
+			elem = null;
+			elems.statusbartextsegments.forEach(function(elem2) {
+				if (!timeout && elem2.innerHTML !== '')  elem2.classList.remove('fe_fileexplorer_hidden');
+
+				if (!elem2.classList.contains('fe_fileexplorer_hidden'))
+				{
+					elem2.classList.remove('fe_fileexplorer_statusbar_text_segment_wrap_last');
+
+					elem = elem2;
+				}
+			});
+
+			if (elem)  elem.classList.add('fe_fileexplorer_statusbar_text_segment_wrap_last');
+		};
+
+		$this.SetNamedStatusBarText('folder', '');
+		$this.SetNamedStatusBarText('selected', '');
+		$this.SetNamedStatusBarText('message', '');
+
+		elems.itemsmessagewrap.innerHTML = EscapeHTML($this.Translate('Loading...'));
+
+		// Determine what text should show to the user when displaying the paste box.
+		if (matchMedia('(pointer: coarse)').matches)  elems.itemsclipboardoverlaypastetexthint.innerHTML = EscapeHTML($this.Translate('Long-press + paste'));
+		else if (navigator.platform.indexOf('Mac') > -1)  elems.itemsclipboardoverlaypastetexthint.innerHTML = EscapeHTML($this.Translate('\u2318 + V\u00A0\u00A0\u00A0/\u00A0\u00A0\u00A0Right-click + Paste'));
+		else  elems.itemsclipboardoverlaypastetexthint.innerHTML = EscapeHTML($this.Translate('Ctrl + V\u00A0\u00A0\u00A0/\u00A0\u00A0\u00A0Right-click + Paste'));
+
+		// Attach elements to DOM.
+		elems.navtools.appendChild(elems.navtool_back);
+		elems.navtools.appendChild(elems.navtool_forward);
+		elems.navtools.appendChild(elems.navtool_history);
+		elems.navtools.appendChild(elems.navtool_up);
+
+		elems.pathicon.appendChild(elems.pathiconinner);
+		elems.pathwrap.appendChild(elems.pathicon);
+
+		elems.pathsegmentsscrollwrap.appendChild(elems.pathsegmentswrap);
+		elems.pathwrap.appendChild(elems.pathsegmentsscrollwrap);
+
+		elems.toolbar.appendChild(elems.navtools);
+		elems.toolbar.appendChild(elems.pathwrap);
+
+		elems.bodytoolsscrollwrap.appendChild(elems.bodytoolbar);
+		elems.itemsscrollwrapinner.appendChild(elems.itemsmessagewrap);
+		elems.itemsscrollwrapinner.appendChild(elems.itemswrap);
+		elems.itemsscrollwrap.appendChild(elems.itemsscrollwrapinner);
+
+		elems.itemsclipboardoverlaypastetext.appendChild(elems.itemsclipboardoverlaypastetextline);
+		elems.itemsclipboardoverlaypastetext.appendChild(elems.itemsclipboardoverlaypastetexthint);
+		elems.itemsclipboardoverlaypastetextwrap.appendChild(elems.itemsclipboardoverlaypastetext);
+		elems.itemsclipboardoverlaypasteinnerwrap.appendChild(elems.itemsclipboardoverlaypastetextwrap);
+		elems.itemsclipboardoverlaypasteinnerwrap.appendChild(elems.itemsclipboardoverlay);
+		elems.itemsclipboardoverlaypastewrap.appendChild(elems.itemsclipboardoverlaypasteinnerwrap);
+
+		elems.bodywrap.appendChild(elems.bodytoolsscrollwrap);
+		elems.bodywrap.appendChild(elems.itemsscrollwrap);
+		elems.bodywrapouter.appendChild(elems.bodywrap);
+		elems.bodywrapouter.appendChild(elems.itemsclipboardoverlaypastewrap);
+
+		elems.statusbaractionprogresswrap.appendChild(elems.statusbaractionprogressmessagewrap);
+		elems.statusbaractionprogresswrap.appendChild(elems.statusbaractionprogressmessagewrap2);
+		elems.statusbaractionprogresswrap.appendChild(elems.statusbaractionprogresscancelwrap);
+		elems.statusbaractionwrap.appendChild(elems.statusbaractionprogresswrap);
+
+		elems.statusbar.appendChild(elems.statusbarmeasuresize);
+		elems.statusbar.appendChild(elems.statusbartextwrap);
+		elems.statusbar.appendChild(elems.statusbaractionwrap);
+
+		elems.innerwrap.appendChild(elems.toolbar);
+		elems.innerwrap.appendChild(elems.bodywrapouter);
+		elems.innerwrap.appendChild(elems.statusbar);
+		elems.dropzonewrap.appendChild(elems.innerwrap);
+		elems.mainwrap.appendChild(elems.dropzonewrap);
+
+		parentelem.appendChild(elems.mainwrap);
+
+		$this.SetNamedStatusBarText('folder', EscapeHTML($this.Translate('Loading...')));
+
+		// Adjusts the status bar based on how large/small the mainwrap element is.
+		var CalculateUpdateMultilineStatus = function() {
+			if (elems.mainwrap.offsetWidth / elems.statusbarmeasuresize.offsetWidth < 58)  elems.statusbar.classList.add('fe_fileexplorer_statusbar_wrap_multiline');
+			else  elems.statusbar.classList.remove('fe_fileexplorer_statusbar_wrap_multiline');
+		};
+
+		CalculateUpdateMultilineStatus();
+
+		// Set up an offsetWidth attribute watcher that calls CalculateUpdateMultilineStatus.
+		var statusbarresizewatch = new DebounceAttributes({
+			watchers: [
+				{ elem: elems.mainwrap, attr: 'offsetWidth', val: -1 }
+			],
+			interval: 50,
+			stopsame: 5,
+			callback: CalculateUpdateMultilineStatus,
+			intervalcallback: CalculateUpdateMultilineStatus
+		});
+
+		window.addEventListener('resize', statusbarresizewatch.Start, true);
+
+		// Internal DOM-style function.
+		var DispatchEvent = function(eventname, params) {
+			if (!triggers[eventname])  return;
+
+			triggers[eventname].forEach(function(callback) {
+				if (Array.isArray(params))  callback.apply($this, params);
+				else  callback.call($this, params);
+			});
+		};
+
+		// Public DOM-style functions.
+		$this.addEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  triggers[eventname] = [];
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)  return;
+			}
+
+			triggers[eventname].push(callback);
+		};
+
+		$this.removeEventListener = function(eventname, callback) {
+			if (!triggers[eventname])  return;
+
+			for (var x in triggers[eventname])
+			{
+				if (triggers[eventname][x] === callback)
+				{
+					triggers[eventname].splice(x, 1);
+
+					return;
+				}
+			}
+		};
+
+		$this.hasEventListener = function(eventname) {
+			return (triggers[eventname] && triggers[eventname].length);
+		};
+
+		// Dispatches a tool-specific event to listeners.
+		$this.DispatchToolEvent = function(eventname, params) {
+			DispatchEvent('tool_' + eventname, params);
+		};
+
+		// Public DOM-style functions for tools.
+		$this.addToolEventListener = function(eventname, callback) {
+			$this.addEventListener('tool_' + eventname, callback);
+		};
+
+		$this.removeToolEventListener = function(eventname, callback) {
+			$this.removeEventListener('tool_' + eventname, callback);
+		};
+
+		$this.hasToolEventListener = function(eventname, callback) {
+			return $this.hasEventListener('tool_' + eventname);
+		};
+
+		// Register settings callbacks.
+		if ($this.settings.onfocus)  $this.addEventListener('focus', $this.settings.onfocus);
+		if ($this.settings.onblur)  $this.addEventListener('blur', $this.settings.onblur);
+		if ($this.settings.onrefresh)  $this.addEventListener('refresh_folder', $this.settings.onrefresh);
+		if ($this.settings.onselchanged)  $this.addEventListener('selections_changed', $this.settings.onselchanged);
+		if ($this.settings.onrename)  $this.addEventListener('rename', $this.settings.onrename);
+		if ($this.settings.onopenfile)  $this.addEventListener('open_file', $this.settings.onopenfile);
+		if ($this.settings.oninitupload)  $this.addEventListener('init_upload', $this.settings.oninitupload);
+		if ($this.settings.onuploaderror)  $this.addEventListener('upload_error', $this.settings.onuploaderror);
+		if ($this.settings.onfinishedupload)  $this.addEventListener('upload_done', $this.settings.onfinishedupload);
+		if ($this.settings.ondownloadurl)  $this.addEventListener('get_download_url', $this.settings.ondownloadurl);
+		if ($this.settings.oncopy)  $this.addEventListener('copy', $this.settings.oncopy);
+		if ($this.settings.onmove)  $this.addEventListener('move', $this.settings.onmove);
+		if ($this.settings.ondelete)  $this.addEventListener('delete', $this.settings.ondelete);
+
+		// Capture browser-level back/forward buttons.  Alters browser history.
+		var CapturePopStateHandler = function(e) {
+			if (e.state && e.state._fileexplorer)
+			{
+				if (e.state._fileexplorer === 'back')
+				{
+					window.history.forward();
+
+					$this.HistoryBack();
+					$this.Focus(true);
+				}
+				else if (e.state._fileexplorer === 'forward')
+				{
+					window.history.back();
+
+					$this.HistoryForward();
+					$this.Focus(true);
+				}
+			}
+		};
+
+		// Sets up three history items and places the user in the middle of those three.
+		var internalcapturerefs = 0;
+		var CaptureMouseEnterHandler = function(e) {
+			if (!capturingrefs)  prevscrollrestore = window.history.scrollRestoration;
+
+			capturingrefs++;
+			internalcapturerefs++;
+
+			if (internalcapturerefs === 1)
+			{
+				window.history.scrollRestoration = 'manual';
+				window.history.pushState({ _fileexplorer: 'back', _fileexplorerprevscroll: prevscrollrestore }, document.title);
+				window.history.scrollRestoration = 'manual';
+				window.history.pushState({ _fileexplorer: 'main' }, document.title);
+				window.history.scrollRestoration = 'manual';
+				window.history.pushState({ _fileexplorer: 'forward' }, document.title);
+				window.history.scrollRestoration = 'manual';
+				window.history.back();
+
+				window.addEventListener('popstate', CapturePopStateHandler, true);
+			}
+		};
+
+		// Restores the browser history as best as possible.
+		var CaptureMouseLeaveHandler = function(e) {
+			capturingrefs--;
+			internalcapturerefs--;
+
+			if (!internalcapturerefs)
+			{
+				window.removeEventListener('popstate', CapturePopStateHandler, true);
+
+				if (window.history.state && window.history.state._fileexplorer)  window.history.back();
+			}
+		};
+
+		if ($this.settings.capturebrowser)
+		{
+			elems.mainwrap.addEventListener('mouseenter', CaptureMouseEnterHandler);
+			elems.mainwrap.addEventListener('mouseleave', CaptureMouseLeaveHandler);
+		}
+
+		// Handle main wrap focus.
+		var MainWrapFocusMouseHandler = function(e) {
+			elems.innerwrap.classList.add('fe_fileexplorer_inner_wrap_focused');
+
+			var node = document.activeElement;
+			while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+			if (node !== elems.mainwrap)  elems.itemsscrollwrap.focus();
+		};
+
+		elems.mainwrap.addEventListener('mousedown', MainWrapFocusMouseHandler);
+		elems.mainwrap.addEventListener('mouseup', MainWrapFocusMouseHandler);
+		elems.mainwrap.addEventListener('click', MainWrapFocusMouseHandler);
+
+		// Set up focusing rules.
+		if ($this.settings.alwaysfocused)  elems.innerwrap.classList.add('fe_fileexplorer_inner_wrap_focused');
+
+		var hasfocus = false;
+		var InnerWrapBlurHandler = function(e) {
+			var node = e.target;
+			while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+			if (node !== elems.mainwrap)
+			{
+				if (!$this.settings.alwaysfocused)  elems.innerwrap.classList.remove('fe_fileexplorer_inner_wrap_focused');
+
+				if (hasfocus)  DispatchEvent('blur', e);
+
+				hasfocus = false;
+			}
+		};
+
+		window.addEventListener('mousedown', InnerWrapBlurHandler, true);
+
+		// Trigger window blur visual appearance changes.
+		var InnerWrapWindowBlurHandler = function(e) {
+			if (e.target === window || e.target === document)
+			{
+				if (!$this.settings.alwaysfocused)  elems.innerwrap.classList.remove('fe_fileexplorer_inner_wrap_focused');
+			}
+		};
+
+		window.addEventListener('blur', InnerWrapWindowBlurHandler, true);
+
+		// When the tab key is pressed, adjust the focus.
+		var FocusKeyHandler = function(e) {
+			// Handle window-level focus events specially.  There will be another focus event if actually focused.
+			if (e.target === window || e.target === document)
+			{
+				var node = document.activeElement;
+				while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+				if (node === elems.mainwrap)  elems.innerwrap.classList.add('fe_fileexplorer_inner_wrap_focused');
+
+				return;
+			}
+
+			var node = e.target;
+			while (node && node !== elems.itemsscrollwrap && node !== elems.mainwrap)  node = node.parentNode;
+
+			if (node === elems.itemsscrollwrap || e.target === elems.itemsclipboardoverlay)  elems.itemswrap.classList.add('fe_fileexplorer_items_focus');
+			else  elems.itemswrap.classList.remove('fe_fileexplorer_items_focus');
+
+			while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+			if (node === elems.mainwrap)
+			{
+				elems.innerwrap.classList.add('fe_fileexplorer_inner_wrap_focused');
+
+				DispatchEvent('focus', e);
+
+				hasfocus = true;
+			}
+			else
+			{
+				if (!$this.settings.alwaysfocused)  elems.innerwrap.classList.remove('fe_fileexplorer_inner_wrap_focused');
+
+				if (hasfocus)  DispatchEvent('blur', e);
+
+				hasfocus = false;
+			}
+		};
+
+		window.addEventListener('focus', FocusKeyHandler, true);
+
+		// If the device has a coarse pointer (e.g. touch), show checkboxes.
+		if (matchMedia('(pointer: coarse)').matches)  elems.innerwrap.classList.add('fe_fileexplorer_show_item_checkboxes');
+
+		// Toolbar button keyboard navigation.
+		var ToolbarKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.target.tagName === 'BUTTON')
+			{
+				if (e.keyCode == 38)
+				{
+					// Up arrow.
+					var lastelem = null;
+					for (var x = 0; x < elems.bodytools.length; x++)
+					{
+						if (elems.bodytools[x].tabIndex == 0)
+						{
+							if (!lastelem)  elems.bodytools[x].focus();
+							else
+							{
+								e.preventDefault();
+
+								lastelem.tabIndex = 0;
+								lastelem.focus();
+								elems.bodytools[x].tabIndex = -1;
+							}
+
+							break;
+						}
+
+						if (!elems.bodytools[x].classList.contains('fe_fileexplorer_disabled'))  lastelem = elems.bodytools[x];
+					}
+				}
+				else if (e.keyCode == 40)
+				{
+					// Down arrow.
+					for (var x = elems.bodytools.length; x; x--)
+					{
+						if (elems.bodytools[x - 1].tabIndex == 0)
+						{
+							if (!lastelem)  elems.bodytools[x - 1].focus();
+							else
+							{
+								e.preventDefault();
+
+								lastelem.tabIndex = 0;
+								lastelem.focus();
+								elems.bodytools[x - 1].tabIndex = -1;
+							}
+
+							break;
+						}
+
+						if (!elems.bodytools[x - 1].classList.contains('fe_fileexplorer_disabled'))  lastelem = elems.bodytools[x - 1];
+					}
+				}
+			}
+		};
+
+		elems.bodytoolbar.addEventListener('keydown', ToolbarKeyHandler);
+
+		var ToolbarToolFocusHandler = function(e) {
+			var node = e.target;
+
+			if (node.parentNode === elems.bodytoolbar)
+			{
+				if (node.offsetTop - 1 < elems.bodytoolsscrollwrap.scrollTop)  elems.bodytoolsscrollwrap.scrollTop = node.offsetTop - 1;
+				else if (node.offsetTop + node.offsetHeight + 1 > elems.bodytoolsscrollwrap.scrollTop + elems.bodytoolsscrollwrap.clientHeight)  elems.bodytoolsscrollwrap.scrollTop = (node.offsetTop + node.offsetHeight + 1) - elems.bodytoolsscrollwrap.clientHeight;
+			}
+		};
+
+		elems.bodytoolsscrollwrap.addEventListener('focus', ToolbarToolFocusHandler, true);
+
+		var toolupdated = false;
+		$this.ToolStateUpdated = function() {
+			toolupdated = true;
+		};
+
+		var UpdateToolbarIcons = function() {
+			toolupdated = false;
+
+			DispatchEvent('update_tool', [currfolder, currfolder.GetAttributes()]);
+
+			if (toolupdated)
+			{
+				// Find the tab-focus element.
+				var found = false;
+				for (var x = 0; x < elems.bodytools.length; x++)
+				{
+					if (elems.bodytools[x].tabIndex == 0)
+					{
+						// If the tool is disabled, attempt to find a nearby tool that isn't disabled and update the tab index.
+						if (!elems.bodytools[x].classList.contains('fe_fileexplorer_disabled'))  found = true;
+						else
+						{
+							for (var x2 = x; x2; x2--)
+							{
+								if (!elems.bodytools[x2 - 1].classList.contains('fe_fileexplorer_disabled'))
+								{
+									elems.bodytools[x2 - 1].tabIndex = 0;
+									if (document.activeElement === elems.bodytools[x])  elems.bodytools[x2 - 1].focus();
+
+									found = true;
+
+									break;
+								}
+							}
+
+							if (!found)
+							{
+								for (var x2 = x + 1; x2 < elems.bodytools.length; x2++)
+								{
+									if (!elems.bodytools[x2].classList.contains('fe_fileexplorer_disabled'))
+									{
+										found = true;
+
+										elems.bodytools[x2].tabIndex = 0;
+										if (document.activeElement === elems.bodytools[x])  elems.bodytools[x2].focus();
+
+										break;
+									}
+								}
+							}
+
+							if (!found && document.activeElement === elems.bodytools[x])  $this.Focus(true);
+							elems.bodytools[x].tabIndex = -1;
+						}
+
+						break;
+					}
+				}
+
+				if (!found)
+				{
+					for (var x = 0; x < elems.bodytools.length; x++)
+					{
+						if (!elems.bodytools[x].classList.contains('fe_fileexplorer_disabled'))
+						{
+							elems.bodytools[x].tabIndex = 0;
+
+							break;
+						}
+					}
+				}
+			}
+		};
+
+
+		var selecteditemsmap = {}, numselecteditems = 0, focuseditem = false, lastanchorpos = 0, popupmenu = null;
+
+		// Clear selected items.
+		$this.ClearSelectedItems = function(ignorebusy, skipuiupdate) {
+			// If the current folder is busy, then queue the change for later.
+			if (currfolder && currfolder.IsBusy() && !ignorebusy)
+			{
+				currfolder.AddBusyQueueCallback($this.ClearSelectedItems, [ignorebusy, skipuiupdate]);
+
+				return;
+			}
+
+			if (!currfolder || currfolder.waiting)  return;
+
+			// Clear selected.
+			var node;
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))
+				{
+					node = elems.itemswrap.children[selecteditemsmap[x]];
+
+					if (node)
+					{
+						node.classList.remove('fe_fileexplorer_item_selected');
+						node.firstChild.firstChild.checked = false;
+					}
+				}
+			}
+
+			selecteditemsmap = {};
+			numselecteditems = 0;
+
+			if (!skipuiupdate)
+			{
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+		};
+
+		// Select all items.  Does not dispatch selection change events.
+		$this.SelectAllItems = function(skipuiupdate) {
+			// If the current folder is busy, then queue the change for later.
+			if (currfolder && currfolder.IsBusy())
+			{
+				currfolder.AddBusyQueueCallback($this.SelectAllItems, [skipuiupdate]);
+
+				return;
+			}
+
+			if (!currfolder || currfolder.waiting)  return;
+
+			for (var x = 0; x < elems.itemswrap.children.length; x++)
+			{
+				var node = elems.itemswrap.children[x];
+
+				if (!(node.dataset.feid in selecteditemsmap))
+				{
+					node.classList.add('fe_fileexplorer_item_selected');
+					node.firstChild.firstChild.checked = true;
+
+					selecteditemsmap[node.dataset.feid] = x;
+				}
+			}
+
+			numselecteditems = elems.itemswrap.children.length;
+
+			if (!skipuiupdate)
+			{
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+		};
+
+		// Toggles selection of a specific item.
+		$this.ToggleItemSelection = function(elem, ignorebusy, skipuiupdate) {
+			if (!currfolder || currfolder.waiting || (!ignorebusy && currfolder.IsBusy()))  return;
+
+			if (typeof elem === 'string')
+			{
+				var entryidmap = currfolder.GetEntryIDMap();
+
+				if (!(elem in entryidmap))  return;
+
+				elem = elems.itemswrap.children[entryidmap[elem]];
+			}
+
+			if (elem.dataset.feid in selecteditemsmap)
+			{
+				elem.classList.remove('fe_fileexplorer_item_selected');
+				elem.firstChild.firstChild.checked = false;
+
+				delete selecteditemsmap[elem.dataset.feid];
+
+				numselecteditems--;
+			}
+			else
+			{
+				var entryidmap = currfolder.GetEntryIDMap();
+				if (elem.dataset.feid in entryidmap)
+				{
+					var entrynum = entryidmap[elem.dataset.feid];
+
+					elem.classList.add('fe_fileexplorer_item_selected');
+					elem.firstChild.firstChild.checked = true;
+
+					selecteditemsmap[elem.dataset.feid] = entrynum;
+					numselecteditems++;
+				}
+			}
+
+			if (!skipuiupdate)
+			{
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+		};
+
+		// Selects all items from the last anchor to the focused item.
+		$this.SelectItemsFromLastAnchor = function(ignorebusy, skipuiupdate) {
+			if (!currfolder || currfolder.waiting || (!ignorebusy && currfolder.IsBusy()))  return;
+
+			if (focuseditem === false)  return;
+
+			var entryidmap = currfolder.GetEntryIDMap();
+			var entrynum = entryidmap[focuseditem.dataset.feid];
+
+			$this.ClearSelectedItems(ignorebusy, true);
+
+			var pos = lastanchorpos;
+			var pos2 = entrynum;
+
+			if (pos > pos2)
+			{
+				var pos3 = pos;
+				pos = pos2;
+				pos2 = pos3;
+			}
+
+			for (; pos <= pos2; pos++)
+			{
+				var elem = elems.itemswrap.children[pos];
+
+				elem.classList.add('fe_fileexplorer_item_selected');
+				elem.firstChild.firstChild.checked = true;
+
+				selecteditemsmap[elem.dataset.feid] = pos;
+				numselecteditems++;
+			}
+
+			if (!skipuiupdate)
+			{
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+		};
+
+		// Sets the item that has focus.
+		$this.SetFocusItem = function(id, updateanchor) {
+			if (!currfolder || currfolder.waiting)  return;
+
+			var node = null;
+			if (typeof id === 'string')
+			{
+				var entryidmap = currfolder.GetEntryIDMap();
+
+				if (id in entryidmap)
+				{
+					node = elems.itemswrap.children[entryidmap[id]];
+
+					if (node)
+					{
+						node.classList.add('fe_fileexplorer_item_focused');
+						node.firstChild.tabIndex = 0;
+						node.firstChild.focus();
+
+						if (updateanchor)  lastanchorpos = entryidmap[id];
+					}
+				}
+			}
+
+			if (focuseditem !== false && focuseditem !== node)
+			{
+				focuseditem.classList.remove('fe_fileexplorer_item_focused');
+				focuseditem.firstChild.tabIndex = -1;
+
+				focuseditem = false;
+			}
+
+			if (node)  focuseditem = node;
+		};
+
+		// Scrolls the view so the focused item is fully viewable.
+		$this.ScrollToFocusedItem = function() {
+			if (focuseditem !== false)
+			{
+				if (focuseditem.offsetTop - 1 < elems.itemsscrollwrap.scrollTop)  elems.itemsscrollwrap.scrollTop = focuseditem.offsetTop - 1;
+				else if (focuseditem.offsetTop + focuseditem.offsetHeight + 1 > elems.itemsscrollwrap.scrollTop + elems.itemsscrollwrap.clientHeight)  elems.itemsscrollwrap.scrollTop = (focuseditem.offsetTop + focuseditem.offsetHeight + 1) - elems.itemsscrollwrap.clientHeight;
+			}
+		};
+
+		// Opens selected items.
+		$this.OpenSelectedItems = function() {
+			if (!currfolder || currfolder.waiting || currfolder.IsBusy())  return;
+
+			var entries = currfolder.GetEntries();
+			var selnums = [];
+			var numfolders = 0, folderentry = null;
+
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))  selnums.push(selecteditemsmap[x]);
+			}
+
+			selnums.sort(function(a, b) { return (a < b ? -1 : 1); });
+
+			for (var x = 0; x < selnums.length; x++)
+			{
+				var entry = entries[selnums[x]];
+
+				if (entry.type === 'folder')
+				{
+					folderentry = entry;
+
+					numfolders++;
+				}
+				else
+				{
+					DispatchEvent('open_file', [currfolder, entry]);
+				}
+			}
+
+			if (numfolders === 1)
+			{
+				$this.Focus(true);
+
+				var newpath = currfolder.GetPath().slice();
+
+				// Append the new path segment.
+				var pathitem = [folderentry.id, folderentry.name];
+				if ('attrs' in folderentry)  pathitem.push(folderentry.attrs);
+
+				newpath.push(pathitem);
+
+				$this.SetPath(newpath);
+			}
+		};
+
+		// Adjusts images in the thumbnail loading queue.
+		var queuedthumbs = {}, queuedthumbfailed = {}, queuedthumbfolder, queuedthumbstartrow, queuedthumbendrow;
+
+		var ThumbnailDisplayHandler = function(opts, success) {
+			if (queuedthumbfolder !== currfolder)  return;
+
+			if (!success)  queuedthumbfailed[opts.src] = true;
+			else
+			{
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+
+				if ((opts.id in queuedthumbs) && (queuedthumbs[opts.id] in entryidmap))
+				{
+					var pos = entryidmap[queuedthumbs[opts.id]];
+					var node = elems.itemswrap.children[pos].firstChild.firstChild.nextSibling;
+
+					node.className = 'fe_fileexplorer_item_icon fe_fileexplorer_item_icon_img';
+					node.appendChild(opts.img);
+
+					entries[pos].thumb = false;
+				}
+			}
+		};
+
+		var ThumbnailQueueUpdate = function() {
+			UpdateCurrFolderItemCache(false);
+
+			// Clear the thumbnail queue if the folder changed since the last call.
+			if (queuedthumbfolder !== currfolder)
+			{
+				if (queuedthumbfolder)  DecrementMappedFolderRefCount(queuedthumbfolder);
+
+				for (var x in queuedthumbs)
+				{
+					if (queuedthumbs.hasOwnProperty(x))
+					{
+						fe_thumbnailloader.RemoveFromQueue(x);
+
+						delete queuedthumbs[x];
+					}
+				}
+
+				queuedthumbfailed = {};
+
+				queuedthumbfolder = currfolder;
+				queuedthumbfolder.refs++;
+
+				queuedthumbstartrow = 0;
+				queuedthumbendrow = (folderitemcache.rows.length ? folderitemcache.rows.length - 1 : 0);
+			}
+
+			// Remove non-active items and removed folder entries from the thumbnail queue.
+			var entryidmap = currfolder.GetEntryIDMap();
+			for (var x in queuedthumbs)
+			{
+				if (!fe_thumbnailloader.IsActive(x) || !(queuedthumbs[x] in entryidmap))
+				{
+					fe_thumbnailloader.RemoveFromQueue(x);
+
+					delete queuedthumbs[x];
+				}
+			}
+
+			if (!folderitemcache.size)  return;
+
+			// Calculate the new start and end row item cache positions.
+			var miny = elems.itemsscrollwrap.scrollTop;
+			var maxy = miny + elems.itemsscrollwrap.offsetHeight;
+
+			// Adjust start and end row until they fall within two tops.
+			while (queuedthumbstartrow && (queuedthumbstartrow > folderitemcache.rows.length - 1 || miny < folderitemcache.rows[queuedthumbstartrow].top))  queuedthumbstartrow--;
+			while (queuedthumbstartrow < folderitemcache.rows.length - 1 && miny >= folderitemcache.rows[queuedthumbstartrow + 1].top)  queuedthumbstartrow++;
+
+			while (queuedthumbendrow && (queuedthumbendrow > folderitemcache.rows.length - 1 || maxy < folderitemcache.rows[queuedthumbendrow].top))  queuedthumbendrow--;
+			if (queuedthumbendrow < queuedthumbstartrow)  queuedthumbendrow = queuedthumbstartrow;
+			while (queuedthumbendrow < folderitemcache.rows.length - 1 && maxy >= folderitemcache.rows[queuedthumbendrow + 1].top)  queuedthumbendrow++;
+
+			// Add items to the thumbnail queue.
+			var entries = currfolder.GetEntries();
+			var y = (queuedthumbendrow + 1) * folderitemcache.cols.length;
+			if (y > entries.length)  y = entries.length;
+			for (var x = queuedthumbstartrow * folderitemcache.cols.length; x < y; x++)
+			{
+				if (entries[x].thumb && (typeof entries[x].thumb !== 'string' || !queuedthumbfailed[entries[x].thumb]))
+				{
+					// Build the thumbnail queue options.
+					if (typeof entries[x].thumb === 'string')
+					{
+						entries[x].thumb = {
+							src: entries[x].thumb,
+							callback: ThumbnailDisplayHandler
+						};
+					}
+
+					fe_thumbnailloader.AddToQueue(entries[x].thumb);
+
+					queuedthumbs[entries[x].thumb.id] = entries[x].id;
+				}
+			}
+
+			fe_thumbnailloader.ProcessQueue();
+		};
+
+		// Set up a scrollTop/clientWidth attribute watcher that calls ThumbnailQueueUpdate after 10 identical scrollTop and clientWidth values over a period of 500ms.
+		var thumbnailscrollwatch = new DebounceAttributes({
+			watchers: [
+				{ elem: elems.itemsscrollwrap, attr: 'scrollTop', val: -1 },
+				{ elem: elems.itemsscrollwrapinner, attr: 'clientWidth', val: -1 }
+			],
+			interval: 50,
+			stopsame: 10,
+			callback: ThumbnailQueueUpdate
+		});
+
+		elems.itemsscrollwrap.addEventListener('scroll', thumbnailscrollwatch.Start);
+		window.addEventListener('resize', thumbnailscrollwatch.Start, true);
+
+		// Track the position information of each item in the current folder.
+		var folderitemcache;
+		var UpdateCurrFolderItemCache = function(forcerefresh) {
+			if (!forcerefresh && folderitemcache && folderitemcache.lastinnerwidth === elems.itemsscrollwrapinner.clientWidth && folderitemcache.size === elems.itemswrap.children.length)  return;
+
+			folderitemcache = {
+				lastinnerwidth: elems.itemsscrollwrapinner.clientWidth,
+				size: elems.itemswrap.children.length,
+				cols: [],
+				rows: []
+			};
+
+			if (!folderitemcache.size)  return;
+
+			var node = elems.itemswrap.firstChild;
+			var basey = node.firstChild.offsetTop;
+			var currrow = { top: basey, bottoms: [] };
+			while (node)
+			{
+				var childnode = node.firstChild;
+
+				// Calculate column boundaries of the items in the first row.
+				if (childnode.offsetTop === basey)  folderitemcache.cols.push({ left: childnode.offsetLeft, right: childnode.offsetLeft + childnode.offsetWidth });
+
+				// Calculate row boundaries of each item.
+				if (childnode.offsetTop !== currrow.top)
+				{
+					folderitemcache.rows.push(currrow);
+
+					currrow = { top: childnode.offsetTop, bottoms: [] };
+				}
+
+				currrow.bottoms.push(currrow.top + childnode.offsetHeight);
+
+				node = node.nextSibling;
+			}
+
+			if (currrow.bottoms.length)  folderitemcache.rows.push(currrow);
+		};
+
+		// Update the selected items status bar and notify selection change listeners.
+		var UpdateSelectionsChanged = function() {
+			// Calculate the total size for all selected items.  Set the last selected item as well.
+			var totalsize = 0, numfound = 0, sizestr, entries = currfolder.GetEntries();
+			historystack[currhistory].lastselected = false;
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))
+				{
+					if (numselecteditems == 1)  historystack[currhistory].lastselected = x;
+
+					if ('size' in entries[selecteditemsmap[x]])
+					{
+						totalsize += entries[selecteditemsmap[x]].size;
+						numfound++;
+					}
+				}
+			}
+
+			if (numfound)  sizestr = GetDisplayFilesize(totalsize, $this.settings.adjustprecision, $this.settings.displayunits);
+
+			// Update the status bar.
+			if (numselecteditems == 0)  $this.SetNamedStatusBarText('selected', '');
+			else if (numselecteditems > 1)
+			{
+				if (numfound)  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate('{0} items selected {1}'), numselecteditems, sizestr)));
+				else  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate('{0} items selected'), numselecteditems)));
+			}
+			else
+			{
+				if (numfound)  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate('1 item selected {0}'), sizestr)));
+				else  $this.SetNamedStatusBarText('selected', EscapeHTML($this.Translate('1 item selected')));
+			}
+
+			// Notify selection change listeners.
+			DispatchEvent('selections_changed', [currfolder, selecteditemsmap, numselecteditems]);
+		};
+
+		// Rare update attributes callback.  Just updates tools for now.
+		var SetFolderAttributesHandler = function() {
+			// Update toolbar icons.
+			UpdateToolbarIcons();
+		};
+
+		// Efficiently synchronizes the current folder entries to the DOM.
+		var SyncCurrFolderToDOM = function() {
+			var entries = currfolder.GetEntries();
+
+			// Create a mapping from ids to existing DOM nodes.
+			var x, elemmap = {};
+			var nodes = elems.itemswrap.children;
+			for (x = 0; x < nodes.length; x++)
+			{
+				elemmap[nodes[x].dataset.feid] = [x, nodes[x].dataset.fehash, nodes[x], false];
+			}
+
+			// If moved forward to an earlier folder, select the subfolder item ID.
+			if (currhistory > 0 && currhistory === historystack.length - 1 && historystack[currhistory].lastselected === true)
+			{
+				var currkey = historystack[currhistory].folderkeys[historystack[currhistory].folderkeys.length - 1];
+
+				for (x = 0; x < historystack[currhistory - 1].folderkeys.length - 1; x++)
+				{
+					if (currkey === historystack[currhistory - 1].folderkeys[x])
+					{
+						var temppath = foldermap[historystack[currhistory - 1].folderkeys[x + 1]].GetPath();
+
+						historystack[currhistory].lastselected = temppath[temppath.length - 1][0];
+
+						break;
+					}
+				}
+			}
+
+			// Skip any starting matching nodes.
+			var node, historyselected = false, selchanged = false;
+			for (x = 0; x < entries.length && elemmap[entries[x].id] && entries[x].hash === elemmap[entries[x].id][1]; x++)
+			{
+				node = elemmap[entries[x].id][2];
+
+				elemmap[entries[x].id][3] = true;
+
+				// Select item if it matches last selection.
+				if (!selchanged && historystack[currhistory].lastselected === node.dataset.feid && !(node.dataset.feid in selecteditemsmap))
+				{
+					node.classList.add('fe_fileexplorer_item_selected');
+					node.firstChild.firstChild.checked = true;
+
+					selecteditemsmap[node.dataset.feid] = x;
+					numselecteditems++;
+
+					historyselected = true;
+					selchanged = true;
+				}
+			}
+
+			var tempscroll = elems.itemsscrollwrap.scrollTop;
+
+			// Append new nodes and update existing nodes that have changed.
+			for (; x < entries.length; x++)
+			{
+				var itemicon, itemtext;
+
+				if (entries[x].id in elemmap)
+				{
+					// Found an existing item.
+					node = elemmap[entries[x].id][2];
+					elemmap[entries[x].id][3] = true;
+
+					itemicon = node.firstChild.children[1];
+					itemtext = node.firstChild.lastChild;
+				}
+				else
+				{
+					// Create a new item.
+					node = CreateNode('div', ['fe_fileexplorer_item_wrap']);
+					var iteminner = CreateNode('div', ['fe_fileexplorer_item_wrap_inner'], { tabIndex: -1, draggable: true });
+					var itemcheckbox = CreateNode('input', ['fe_fileexplorer_item_checkbox'], { type: 'checkbox', tabIndex: -1 });
+
+					itemicon = CreateNode('div', ['fe_fileexplorer_item_icon']);
+					itemtext = CreateNode('div', ['fe_fileexplorer_item_text']);
+
+					iteminner.appendChild(itemcheckbox);
+					iteminner.appendChild(itemicon);
+					iteminner.appendChild(itemtext);
+
+					node.appendChild(iteminner);
+
+					node.dataset.feid = entries[x].id;
+					node.dataset.fehash = '';
+				}
+
+				// Select item if it matches last selection.
+				if (!selchanged && historystack[currhistory].lastselected === node.dataset.feid && !(node.dataset.feid in selecteditemsmap))
+				{
+					node.classList.add('fe_fileexplorer_item_selected');
+					node.firstChild.firstChild.checked = true;
+
+					selecteditemsmap[node.dataset.feid] = x;
+					numselecteditems++;
+
+					historyselected = true;
+					selchanged = true;
+				}
+
+				// Update the node.
+				if (entries[x].hash !== node.dataset.fehash)
+				{
+					itemicon.className = 'fe_fileexplorer_item_icon';
+					delete itemicon.dataset.ext;
+
+					if (entries[x].type === 'folder')
+					{
+						node.classList.add('fe_fileexplorer_item_folder');
+
+						itemicon.classList.add('fe_fileexplorer_item_icon_folder');
+					}
+					else
+					{
+						itemicon.classList.add('fe_fileexplorer_item_icon_file');
+
+						var ext = entries[x].name;
+						var pos = ext.lastIndexOf('.');
+						if (pos < 0)  itemicon.classList.add('fe_fileexplorer_item_icon_file_no_ext');
+						else
+						{
+							ext = ext.substring(pos + 1).toUpperCase();
+
+							itemicon.dataset.ext = ext.substring(0, 4);
+
+							if (ext === '')  itemicon.classList.add('fe_fileexplorer_item_icon_file_no_ext');
+							else
+							{
+								var cc = ext.charCodeAt(0);
+
+								if ((cc >= 48 && cc < 58) || (cc >= 64 && cc < 91))  itemicon.classList.add('fe_fileexplorer_item_icon_ext_' + ext.substring(0, 1).toLowerCase());
+							}
+						}
+					}
+
+					node.firstChild.className = 'fe_fileexplorer_item_wrap_inner';
+
+					if ('overlay' in entries[x])
+					{
+						if (typeof entries[x].overlay === 'string')  entries[x].overlay = [entries[x].overlay];
+
+						for (var x2 = 0; x2 < entries[x].overlay.length; x2++)  node.firstChild.classList.add(entries[x].overlay[x2]);
+					}
+
+					if ('tooltip' in entries[x])  node.firstChild.title = entries[x].tooltip;
+					else  node.firstChild.title = '';
+
+					itemtext.innerHTML = EscapeHTML(entries[x].name);
+
+					node.dataset.fehash = entries[x].hash;
+				}
+
+				// Move node to the end of the list so it ends up in the correct order.
+				elems.itemswrap.appendChild(node);
+			}
+
+			// Remove deleted nodes.
+			for (var id in elemmap)
+			{
+				if (elemmap.hasOwnProperty(id) && !elemmap[id][3])
+				{
+					if (elemmap[id][2].dataset.feid in selecteditemsmap)
+					{
+						delete selecteditemsmap[elemmap[id][2].dataset.feid];
+
+						numselecteditems--;
+						selchanged = true;
+					}
+
+					if (focuseditem === elemmap[id][2])
+					{
+						if ($this.HasFocus(true))  elems.itemsscrollwrap.focus();
+
+						focuseditem.classList.remove('fe_fileexplorer_item_focused');
+						focuseditem.firstChild.tabIndex = -1;
+
+						focuseditem = false;
+					}
+
+					elemmap[id][2].parentNode.removeChild(elemmap[id][2]);
+				}
+			}
+
+			elems.itemsscrollwrap.scrollTop = tempscroll;
+
+			// Finalize the synchronization operation.
+			FinalizeSyncCurrFolderToDOM(historyselected, selchanged);
+		};
+
+		var FinalizeSyncCurrFolderToDOM = function(historyselected, selchanged) {
+			var entries = currfolder.GetEntries();
+			var entryidmap = currfolder.GetEntryIDMap();
+
+			// Fix selection items map.
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x) && (x in entryidmap))  selecteditemsmap[x] = entryidmap[x];
+			}
+
+			// Update the main area.
+			if (entries.length)
+			{
+				elems.itemsmessagewrap.classList.add('fe_fileexplorer_hidden');
+				elems.itemswrap.classList.remove('fe_fileexplorer_hidden');
+			}
+			else
+			{
+				if (currfolder.waiting)  elems.itemsmessagewrap.innerHTML = EscapeHTML($this.Translate('Loading...'));
+				else  elems.itemsmessagewrap.innerHTML = EscapeHTML($this.Translate('This folder is empty.'));
+
+				elems.itemsmessagewrap.classList.remove('fe_fileexplorer_hidden');
+				elems.itemswrap.classList.add('fe_fileexplorer_hidden');
+			}
+
+			// Update the folder item position cache.
+			UpdateCurrFolderItemCache(true);
+
+			// Set the focus item and scroll to it.
+			if (historyselected)
+			{
+				$this.SetFocusItem(historystack[currhistory].lastselected, true);
+				$this.ScrollToFocusedItem();
+			}
+			else if (focuseditem !== false)
+			{
+				$this.SetFocusItem(focuseditem.dataset.feid, false);
+			}
+
+			// Trigger thumbnail queue update.
+			ThumbnailQueueUpdate();
+
+			// Update the status bar.
+			if (currfolder.waiting)  $this.SetNamedStatusBarText('folder', EscapeHTML($this.Translate('Loading...')));
+			else  $this.SetNamedStatusBarText('folder', EscapeHTML(FormatStr($this.Translate('{0} items'), entries.length)));
+
+			// Update toolbar icons.
+			UpdateToolbarIcons();
+
+			// If selections changed, update the status bar and notify listeners.
+			if (selchanged)  UpdateSelectionsChanged();
+		};
+
+		// Set up handlers for current folder entry changes.
+		var SetFolderEntriesHandler = function() {
+			if (this === currfolder)  SyncCurrFolderToDOM();
+		};
+
+		var RemoveFolderEntryHandler = function(pos) {
+			var node = elems.itemswrap.children[pos];
+			var selchanged = false;
+
+			if (node.dataset.feid in selecteditemsmap)
+			{
+				delete selecteditemsmap[node.dataset.feid];
+
+				numselecteditems--;
+				selchanged = true;
+			}
+
+			if (focuseditem === node)
+			{
+				if ($this.HasFocus(true))  elems.itemsscrollwrap.focus();
+
+				focuseditem.classList.remove('fe_fileexplorer_item_focused');
+				focuseditem.firstChild.tabIndex = -1;
+
+				focuseditem = false;
+			}
+
+			var tempscroll = elems.itemsscrollwrap.scrollTop;
+
+			node.parentNode.removeChild(node);
+
+			elems.itemsscrollwrap.scrollTop = tempscroll;
+
+			// Finalize the synchronization operation.
+			FinalizeSyncCurrFolderToDOM(false, selchanged);
+		};
+
+		var ConvertVertToHorzScroll = function(e) {
+			var mult = (e.deltaMode == 1 ? scrolllineheight * 2 : (e.deltaMode == 2 ? document.documentElement.clientHeight - (2 * scrolllineheight) : 1));
+			if (e.deltaY)  e.currentTarget.scrollLeft += e.deltaY * mult;
+
+			// Only viable option is to completely prevent scrolling.  Very strange behavior occurs otherwise in all browsers.
+			if (e.currentTarget.scrollWidth > e.currentTarget.clientWidth)  e.preventDefault();
+		};
+
+		elems.pathsegmentsscrollwrap.addEventListener('wheel', ConvertVertToHorzScroll);
+
+		// Set the current path.
+		$this.IsValidPath = function(path) {
+			if (!path || !Array.isArray(path) || !path.length)  return false;
+
+			for (var x = 0; x < path.length; x++)
+			{
+				if (!Array.isArray(path[x]) || path[x].length < 2 || typeof path[x][0] !== 'string' || typeof path[x][1] !== 'string')  return false;
+			}
+
+			return true;
+		};
+
+		$this.RefreshFolders = function(forcecurrfolder) {
+			if (forcecurrfolder)  currfolder.lastrefresh = 0;
+
+			var historyentry = historystack[currhistory];
+			var ts = Date.now();
+			var ts2 = ts - 300 * 1000;
+
+			for (var x = historyentry.folderkeys.length; x; x--)
+			{
+				if (foldermap[historyentry.folderkeys[x - 1]].lastrefresh < ts2)
+				{
+					DispatchEvent('refresh_folder', [foldermap[historyentry.folderkeys[x - 1]], !foldermap[historyentry.folderkeys[x - 1]].lastrefresh]);
+
+					foldermap[historyentry.folderkeys[x - 1]].lastrefresh = ts;
+				}
+			}
+		};
+
+		// Update navigation and toolabar icons.
+		var NavigationChanged = function() {
+			// Back button.
+			if (currhistory <= 0)
+			{
+				if (document.activeElement === elems.navtool_back)
+				{
+					if (currhistory >= historystack.length - 1)  elems.navtool_history.focus();
+					else
+					{
+						elems.navtool_forward.tabIndex = 0;
+						elems.navtool_forward.focus();
+					}
+				}
+
+				elems.navtool_back.classList.add('fe_fileexplorer_disabled');
+				elems.navtool_back.tabIndex = -1;
+
+				elems.navtool_back.title = $this.Translate('Back (Alt + Left Arrow)');
+			}
+			else
+			{
+				elems.navtool_back.classList.remove('fe_fileexplorer_disabled');
+				elems.navtool_back.tabIndex = 0;
+
+				var prevpath = foldermap[historystack[currhistory - 1].folderkeys[historystack[currhistory - 1].folderkeys.length - 1]].GetPath();
+
+				elems.navtool_back.title = FormatStr($this.Translate('Back to "{0}" (Alt + Left Arrow)'), prevpath[prevpath.length - 1][1]);
+			}
+
+			// Forward button.
+			if (currhistory >= historystack.length - 1)
+			{
+				if (document.activeElement === elems.navtool_forward)
+				{
+					if (currhistory <= 0)  elems.navtool_history.focus();
+					else  elems.navtool_back.focus();
+				}
+
+				elems.navtool_forward.classList.add('fe_fileexplorer_disabled');
+				elems.navtool_forward.tabIndex = -1;
+
+				elems.navtool_forward.title = $this.Translate('Forward (Alt + Right Arrow)');
+			}
+			else
+			{
+				elems.navtool_forward.classList.remove('fe_fileexplorer_disabled');
+				elems.navtool_forward.tabIndex = 0;
+
+				var nextpath = foldermap[historystack[currhistory + 1].folderkeys[historystack[currhistory + 1].folderkeys.length - 1]].GetPath();
+
+				elems.navtool_forward.title = FormatStr($this.Translate('Forward to "{0}" (Alt + Right Arrow)'), nextpath[nextpath.length - 1][1]);
+			}
+
+			// Up button.
+			var currpath = currfolder.GetPath();
+
+			if (currpath.length <= 1)
+			{
+				if (document.activeElement === elems.navtool_up)  elems.navtool_history.focus();
+
+				elems.navtool_up.classList.add('fe_fileexplorer_disabled');
+				elems.navtool_up.tabIndex = -1;
+
+				elems.navtool_up.title = $this.Translate('Up (Alt + Up Arrow)');
+			}
+			else
+			{
+				elems.navtool_up.classList.remove('fe_fileexplorer_disabled');
+				elems.navtool_up.tabIndex = 0;
+
+				elems.navtool_up.title = FormatStr($this.Translate('Up to "{0}" (Alt + Up Arrow)'), currpath[currpath.length - 2][1]);
+			}
+
+			DispatchEvent('navigated');
+
+			// Update toolbar icons.
+			UpdateToolbarIcons();
+		};
+
+		var NavToolsKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 37)
+			{
+				// Left Arrow.  Move to previous nav tool.
+				e.preventDefault();
+
+				if (document.activeElement && document.activeElement.parentNode === elems.navtools)
+				{
+					var node = document.activeElement.previousSibling;
+					while (node && node.classList.contains('fe_fileexplorer_disabled'))  node = node.previousSibling;
+
+					if (node)  node.focus();
+				}
+			}
+			else if (e.keyCode == 39)
+			{
+				// Right Arrow.  Move to next nav tool.
+				e.preventDefault();
+
+				if (document.activeElement && document.activeElement.parentNode === elems.navtools)
+				{
+					var node = document.activeElement.nextSibling;
+					while (node && node.classList.contains('fe_fileexplorer_disabled'))  node = node.nextSibling;
+
+					if (node)  node.focus();
+				}
+			}
+			else if (e.keyCode == 40)
+			{
+				// Down Arrow.  Focus on the history tool and open it.
+				e.preventDefault();
+
+				elems.navtool_history.focus();
+
+				RecentLocationsHandler(e);
+			}
+		};
+
+		elems.navtools.addEventListener('keydown', NavToolsKeyHandler);
+
+		// Returns a path key for the folder map.
+		var GetMappedPathKey = function(path) {
+			// Build the path key.
+			var pathkey = '';
+
+			for (var x = 0; x < path.length; x++)
+			{
+				pathkey += '/' + path[x][0];
+			}
+
+			return pathkey;
+		};
+
+		// Attempts to return a mapped folder from a calculated path.
+		$this.GetMappedFolderFromPath = function(path) {
+			return foldermap[GetMappedPathKey(path)];
+		};
+
+		var DecrementMappedFolderRefCount = function(folder) {
+			folder.refs--;
+
+			if (!folder.refs)
+			{
+				var pathkey = GetMappedPathKey(folder.GetPath());
+
+				folder.Destroy();
+
+				delete foldermap[pathkey];
+			}
+		};
+
+		$this.GetPathIDs = function(path) {
+			var result = [];
+
+			for (var x = 0; x < path.length; x++)  result.push(path[x][0]);
+
+			return result;
+		};
+
+		$this.SetPath = function(newpath) {
+			// If the current folder is busy, then queue the change for later.
+			if (currfolder && currfolder.IsBusy())
+			{
+				currfolder.AddBusyQueueCallback($this.SetPath, [newpath]);
+
+				return;
+			}
+
+			if (!$this.IsValidPath(newpath))  return;
+
+			// Cancel any active popup menu.
+			if (popupmenu)  popupmenu.Cancel();
+
+			// Unregister events for the current folder.
+			if (currfolder)
+			{
+				currfolder.removeEventListener('set_attributes', SetFolderAttributesHandler);
+				currfolder.removeEventListener('set_entries', SetFolderEntriesHandler);
+				currfolder.removeEventListener('remove_entry', RemoveFolderEntryHandler);
+			}
+
+			// Clear existing DOM path segments.
+			while (elems.pathsegmentswrap.firstChild)  elems.pathsegmentswrap.removeChild(elems.pathsegmentswrap.lastChild);
+
+			// Calculate path keys for a new history stack entry.
+			var historyentry = { folderkeys: [], lastselected: true };
+			var pathkey = '';
+
+			for (var x = 0; x < newpath.length; x++)
+			{
+				// Create/Update folder cache entries.
+				pathkey += '/' + newpath[x][0];
+
+				if (!foldermap[pathkey])  foldermap[pathkey] = new Folder(newpath.slice(0, x + 1));
+
+				foldermap[pathkey].refs++;
+
+				historyentry.folderkeys.push(pathkey);
+
+				// Create new DOM path segment.
+				var segmentwrap = CreateNode('div', ['fe_fileexplorer_path_segment_wrap'], { tabIndex: (x < newpath.length - 1 ? -1 : 0) });
+				var segmentpathname = CreateNode('button', ['fe_fileexplorer_path_name'], { tabIndex: -1 });
+				var segmentpathopts = CreateNode('button', ['fe_fileexplorer_path_opts'], { tabIndex: -1 });
+
+				segmentwrap._fepos = x;
+
+				segmentpathname.innerHTML = EscapeHTML(newpath[x][1]);
+
+				segmentwrap.appendChild(segmentpathname);
+				segmentwrap.appendChild(segmentpathopts);
+
+				elems.pathsegmentswrap.appendChild(segmentwrap);
+			}
+
+			// Scroll the path segment scroll view to the end.
+			elems.pathsegmentsscrollwrap.scrollLeft = elems.pathsegmentsscrollwrap.scrollWidth;
+			elems.pathsegmentswrap._fepos = newpath.length - 1;
+
+			// Register events for the new current folder.
+			var prevfolder = currfolder;
+			currfolder = foldermap[pathkey];
+			currfolder.addEventListener('set_attributes', SetFolderAttributesHandler);
+			currfolder.addEventListener('set_entries', SetFolderEntriesHandler);
+			currfolder.addEventListener('remove_entry', RemoveFolderEntryHandler);
+
+			// Clear selected and focused items if the folder is the same.
+			if (prevfolder === currfolder)
+			{
+				$this.ClearSelectedItems(false, true);
+				$this.SetFocusItem(false, false);
+			}
+
+			// Scroll view to top.
+			elems.itemsscrollwrap.scrollTop = 0;
+
+			// Force a refresh and clear selections and focus.
+			currfolder.lastrefresh = 0;
+			selecteditemsmap = {};
+			numselecteditems = 0;
+			focuseditem = false;
+			lastanchorpos = 0;
+
+			// Clear DOM items if the folder changed.
+			if (prevfolder !== currfolder)
+			{
+				while (elems.itemswrap.firstChild)
+				{
+					if (document.activeElement === elems.itemswrap.lastChild.firstChild)  elems.itemsscrollwrap.focus();
+
+					elems.itemswrap.removeChild(elems.itemswrap.lastChild);
+				}
+			}
+
+			// Adjust history stack.
+			if (currhistory < 0 || pathkey !== historystack[currhistory].folderkeys[historystack[currhistory].folderkeys.length - 1])
+			{
+				// Clear any subsequent history stack entries.
+				currhistory++;
+				for (var x = currhistory; x < historystack.length; x++)
+				{
+					for (var x2 = 0; x2 < historystack[x].folderkeys.length; x2++)
+					{
+						DecrementMappedFolderRefCount(foldermap[historystack[x].folderkeys[x2]]);
+					}
+				}
+
+				historystack = historystack.slice(0, currhistory);
+
+				// Create a new history stack entry.
+				historystack.push(historyentry);
+
+				DispatchEvent('history_changed');
+			}
+			else if (currhistory > -1)
+			{
+				// Decrement folder references for the current path.
+				for (var x = 0; x < historystack[currhistory].folderkeys.length; x++)
+				{
+					DecrementMappedFolderRefCount(foldermap[historystack[currhistory].folderkeys[x]]);
+				}
+			}
+
+			// Save last selected item.
+			var lastselected = historystack[currhistory].lastselected;
+
+			// Create/Update DOM items.
+			SyncCurrFolderToDOM();
+
+			// Update the status bar and notify listeners.
+			if (!numselecteditems)  UpdateSelectionsChanged();
+
+			// Restore last selected item.
+			historystack[currhistory].lastselected = lastselected;
+
+			// Update folders that haven't been refreshed in the last 5 minutes.
+			$this.RefreshFolders(true);
+
+			// Notify navigation completed.
+			NavigationChanged();
+		};
+
+
+		// Handle mouse and touch selections for the current folder.
+		var selectanchorpos = null, prevselectrect = null, selectbox = null, selectchangeinvert = false, autoscrolltimer = null, lastmouseevent = null;
+		var lastselecttouch = null, lastmousedownevent = null, selectmodemulti = false;
+
+		// Updates the specified rectangle with start/end row/column numbers from the folder item cache.  The hint start/end row/column info is optional.
+		var UpdateCalculatedSelectedItemsRect = function(rect, hintrect) {
+			rect.startrow = (hintrect ? hintrect.startrow : 0);
+			rect.startcol = (hintrect ? hintrect.startcol : 0);
+			rect.endrow = (hintrect ? hintrect.endrow : (folderitemcache.rows.length ? folderitemcache.rows.length - 1 : 0));
+			rect.endcol = (hintrect ? hintrect.endcol : (folderitemcache.rows.length ? folderitemcache.cols.length - 1 : 0));
+
+			// Adjust startrow and endrow until they fall within two tops.
+			while (rect.startrow && rect.top < folderitemcache.rows[rect.startrow].top)  rect.startrow--;
+			while (rect.startrow < folderitemcache.rows.length - 1 && rect.top >= folderitemcache.rows[rect.startrow + 1].top)  rect.startrow++;
+
+			while (rect.endrow && rect.bottom < folderitemcache.rows[rect.endrow].top)  rect.endrow--;
+			if (rect.endrow < rect.startrow)  rect.endrow = rect.startrow;
+			while (rect.endrow < folderitemcache.rows.length - 1 && rect.bottom >= folderitemcache.rows[rect.endrow + 1].top)  rect.endrow++;
+
+			// Adjust startcol and endcol until they fall within two lefts.
+			while (rect.startcol && rect.left < folderitemcache.cols[rect.startcol].left)  rect.startcol--;
+			while (rect.startcol < folderitemcache.cols.length - 1 && rect.left >= folderitemcache.cols[rect.startcol + 1].left)  rect.startcol++;
+
+			while (rect.endcol && rect.right < folderitemcache.cols[rect.endcol].left)  rect.endcol--;
+			if (rect.endcol < rect.startcol)  rect.endcol = rect.startcol;
+			while (rect.endcol < folderitemcache.cols.length - 1 && rect.right >= folderitemcache.cols[rect.endcol + 1].left)  rect.endcol++;
+		};
+
+		var DoesRectOverlapItemRect = function(rect, x, y) {
+			return (folderitemcache.size && rect.left < folderitemcache.cols[x].right && rect.right >= folderitemcache.cols[x].left && rect.bottom >= folderitemcache.rows[y].top && rect.top < folderitemcache.rows[y].bottoms[x]);
+		};
+
+		// Updates information and selected items for SelectBoxDragHandler().
+		var UpdateSelectBoxDragInfoItems = function(currselectrect, newpos, newwidth, newheight, scrolling) {
+			if (!scrolling)  currselectrect.left = (newpos.x < selectanchorpos.x ? newpos.x : selectanchorpos.x);
+			currselectrect.top = (newpos.y < selectanchorpos.y ? newpos.y : selectanchorpos.y);
+			if (!scrolling)  currselectrect.right = currselectrect.left + newwidth;
+			currselectrect.bottom = currselectrect.top + newheight;
+
+			// Calculate rough position info.
+			UpdateCalculatedSelectedItemsRect(currselectrect, prevselectrect);
+
+			if (!scrolling)  selectbox.style.left = currselectrect.left + 'px';
+			selectbox.style.top = currselectrect.top + 'px';
+			if (!scrolling)  selectbox.style.width = newwidth + 'px';
+			selectbox.style.height = newheight + 'px';
+
+			// Apply item selection changes.
+			var updateitems = {}, selchanged = false;
+			if (!scrolling)
+			{
+				var minrow = (currselectrect.startrow < prevselectrect.startrow ? currselectrect.startrow : prevselectrect.startrow);
+				var maxrow = (currselectrect.endrow > prevselectrect.endrow ? currselectrect.endrow : prevselectrect.endrow);
+
+				if (currselectrect.left < prevselectrect.left)
+				{
+					for (var y = minrow; y <= maxrow; y++)
+					{
+						for (var x = currselectrect.startcol; x <= prevselectrect.startcol; x++)
+						{
+							if (!DoesRectOverlapItemRect(prevselectrect, x, y) && DoesRectOverlapItemRect(currselectrect, x, y))
+							{
+								updateitems[y * folderitemcache.cols.length + x] = true;
+
+								selchanged = true;
+							}
+						}
+					}
+				}
+				else if (currselectrect.left > prevselectrect.left)
+				{
+					for (var y = minrow; y <= maxrow; y++)
+					{
+						for (var x = prevselectrect.startcol; x <= currselectrect.startcol; x++)
+						{
+							if (DoesRectOverlapItemRect(prevselectrect, x, y) && !DoesRectOverlapItemRect(currselectrect, x, y))
+							{
+								updateitems[y * folderitemcache.cols.length + x] = false;
+
+								selchanged = true;
+							}
+						}
+					}
+				}
+
+				if (currselectrect.right > prevselectrect.right)
+				{
+					for (var y = minrow; y <= maxrow; y++)
+					{
+						for (var x = prevselectrect.endcol; x <= currselectrect.endcol; x++)
+						{
+							if (!DoesRectOverlapItemRect(prevselectrect, x, y) && DoesRectOverlapItemRect(currselectrect, x, y))
+							{
+								updateitems[y * folderitemcache.cols.length + x] = true;
+
+								selchanged = true;
+							}
+						}
+					}
+				}
+				else if (currselectrect.right < prevselectrect.right)
+				{
+					for (var y = minrow; y <= maxrow; y++)
+					{
+						for (var x = currselectrect.endcol; x <= prevselectrect.endcol; x++)
+						{
+							if (DoesRectOverlapItemRect(prevselectrect, x, y) && !DoesRectOverlapItemRect(currselectrect, x, y))
+							{
+								updateitems[y * folderitemcache.cols.length + x] = false;
+
+								selchanged = true;
+							}
+						}
+					}
+				}
+			}
+
+			var mincol = (currselectrect.startcol < prevselectrect.startcol ? currselectrect.startcol : prevselectrect.startcol);
+			var maxcol = (currselectrect.endcol > prevselectrect.endcol ? currselectrect.endcol : prevselectrect.endcol);
+
+			if (currselectrect.top < prevselectrect.top)
+			{
+				for (var y = currselectrect.startrow; y <= prevselectrect.startrow; y++)
+				{
+					for (var x = mincol; x <= maxcol; x++)
+					{
+						if (!DoesRectOverlapItemRect(prevselectrect, x, y) && DoesRectOverlapItemRect(currselectrect, x, y))
+						{
+							updateitems[y * folderitemcache.cols.length + x] = true;
+
+							selchanged = true;
+						}
+					}
+				}
+			}
+			else if (currselectrect.top > prevselectrect.top)
+			{
+				for (var y = prevselectrect.startrow; y <= currselectrect.startrow; y++)
+				{
+					for (var x = mincol; x <= maxcol; x++)
+					{
+						if (DoesRectOverlapItemRect(prevselectrect, x, y) && !DoesRectOverlapItemRect(currselectrect, x, y))
+						{
+							updateitems[y * folderitemcache.cols.length + x] = false;
+
+							selchanged = true;
+						}
+					}
+				}
+			}
+
+			if (currselectrect.bottom > prevselectrect.bottom)
+			{
+				for (var y = prevselectrect.endrow; y <= currselectrect.endrow; y++)
+				{
+					for (var x = mincol; x <= maxcol; x++)
+					{
+						if (!DoesRectOverlapItemRect(prevselectrect, x, y) && DoesRectOverlapItemRect(currselectrect, x, y))
+						{
+							updateitems[y * folderitemcache.cols.length + x] = true;
+
+							selchanged = true;
+						}
+					}
+				}
+			}
+			else if (currselectrect.bottom < prevselectrect.bottom)
+			{
+				for (var y = currselectrect.endrow; y <= prevselectrect.endrow; y++)
+				{
+					for (var x = mincol; x <= maxcol; x++)
+					{
+						if (DoesRectOverlapItemRect(prevselectrect, x, y) && !DoesRectOverlapItemRect(currselectrect, x, y))
+						{
+							updateitems[y * folderitemcache.cols.length + x] = false;
+
+							selchanged = true;
+						}
+					}
+				}
+			}
+
+			// Update items.
+			if (selchanged)
+			{
+				for (var x in updateitems)
+				{
+					if (updateitems.hasOwnProperty(x))
+					{
+						var elem = elems.itemswrap.children[x];
+
+						if (selectchangeinvert)
+						{
+							// Invert the selection.
+							if (elem.dataset.feid in selecteditemsmap)
+							{
+								elem.classList.remove('fe_fileexplorer_item_selected');
+								elem.firstChild.firstChild.checked = false;
+
+								delete selecteditemsmap[elem.dataset.feid];
+
+								numselecteditems--;
+							}
+							else
+							{
+								elem.classList.add('fe_fileexplorer_item_selected');
+								elem.firstChild.firstChild.checked = true;
+
+								selecteditemsmap[elem.dataset.feid] = x;
+								numselecteditems++;
+							}
+						}
+						else if (updateitems[x])
+						{
+							// Add the selection.
+							elem.classList.add('fe_fileexplorer_item_selected');
+							elem.firstChild.firstChild.checked = true;
+
+							selecteditemsmap[elem.dataset.feid] = x;
+							numselecteditems++;
+						}
+						else
+						{
+							// Remove the selection.
+							elem.classList.remove('fe_fileexplorer_item_selected');
+							elem.firstChild.firstChild.checked = false;
+
+							delete selecteditemsmap[elem.dataset.feid];
+
+							numselecteditems--;
+						}
+					}
+				}
+
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+
+			Object.assign(prevselectrect, currselectrect);
+		};
+
+		// Resize, autoscroll, and select highlighted items using a selection box.
+		var SelectBoxDragHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Perform our own much smoother scrolling and avoid item selections.
+			e.preventDefault();
+
+			lastmouseevent = e;
+
+			var rect = elems.itemsscrollwrapinner.getBoundingClientRect();
+
+			var newpos = {
+				x: e.clientX - rect.left,
+				y: e.clientY - rect.top
+			};
+
+			if (newpos.x < 0)  newpos.x = 0;
+			if (newpos.x > rect.width)  newpos.x = rect.width;
+			if (newpos.y < 0)  newpos.y = 0;
+			if (newpos.y > rect.height)  newpos.y = rect.height;
+
+			var newwidth = Math.abs(newpos.x - selectanchorpos.x);
+			var newheight = Math.abs(newpos.y - selectanchorpos.y);
+
+			if (!selectbox && (newwidth > 8 || newheight > 8))
+			{
+				selectbox = CreateNode('div', ['fe_fileexplorer_select_box']);
+				elems.itemsscrollwrapinner.appendChild(selectbox);
+			}
+
+			if (selectbox)
+			{
+				if (e.ctrlKey)  selectchangeinvert = true;
+				else if (e.shiftKey)  selectchangeinvert = false;
+
+				var currselectrect = {};
+
+				// Update information and selected items.
+				UpdateSelectBoxDragInfoItems(currselectrect, newpos, newwidth, newheight, false);
+
+				// Handle scrolling of the view.
+				var rect2 = elems.itemsscrollwrap.getBoundingClientRect();
+
+				if (autoscrolltimer)
+				{
+					clearInterval(autoscrolltimer);
+
+					autoscrolltimer = null;
+				}
+
+				if (e.clientY < rect2.top)
+				{
+					// Scroll up.
+					var scrollspeed = Math.floor((rect2.top - e.clientY) / 10) + 1;
+
+					var TempScrollUp = function(e) {
+						elems.itemsscrollwrap.scrollTop -= scrollspeed;
+
+						newpos.y -= scrollspeed;
+						if (newpos.y < 0)  newpos.y = 0;
+
+						newheight = Math.abs(newpos.y - selectanchorpos.y);
+
+						// Update information and selected items.
+						UpdateSelectBoxDragInfoItems(currselectrect, newpos, newwidth, newheight, true);
+
+						if (elems.itemsscrollwrap.scrollTop <= 0)
+						{
+							clearInterval(autoscrolltimer);
+
+							autoscrolltimer = null;
+						}
+					};
+
+					autoscrolltimer = setInterval(TempScrollUp, 10);
+
+					TempScrollUp();
+				}
+				else if (e.clientY > rect2.bottom)
+				{
+					// Scroll down.
+					var scrollspeed = (Math.floor((e.clientY - rect2.bottom) / 10) + 1);
+
+					var TempScrollDown = function(e) {
+						elems.itemsscrollwrap.scrollTop += scrollspeed;
+
+						newpos.y += scrollspeed;
+						if (newpos.y > rect.height)  newpos.y = rect.height;
+
+						newheight = Math.abs(newpos.y - selectanchorpos.y);
+
+						// Update information and selected items.
+						UpdateSelectBoxDragInfoItems(currselectrect, newpos, newwidth, newheight, true);
+
+						if (elems.itemsscrollwrap.scrollTop >= elems.itemsscrollwrap.scrollHeight - elems.itemsscrollwrap.clientHeight)
+						{
+							clearInterval(autoscrolltimer);
+
+							autoscrolltimer = null;
+						}
+					};
+
+					autoscrolltimer = setInterval(TempScrollDown, 10);
+
+					TempScrollDown();
+				}
+			}
+		};
+
+		// Handle scrolling using the wheel while selecting items.
+		var SelectBoxScrollWheelHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			var lastscrolltop = -1;
+			var numsame = 0;
+
+			var TempWheelScrollHandler = function() {
+				SelectBoxDragHandler(lastmouseevent);
+
+				if (autoscrolltimer)  clearInterval(autoscrolltimer);
+
+				autoscrolltimer = setInterval(TempWheelScrollHandler, 10);
+
+				if (lastscrolltop !== elems.itemsscrollwrap.scrollTop)  numsame = 0;
+				else
+				{
+					numsame++;
+
+					if (numsame >= 5)
+					{
+						clearInterval(autoscrolltimer);
+
+						autoscrolltimer = null;
+					}
+				}
+
+				lastscrolltop = elems.itemsscrollwrap.scrollTop;
+			};
+
+			TempWheelScrollHandler();
+		};
+
+		// Handle starting a clipboard operation.
+		var clipboardmenutimout, clipboardcontextmenu;
+		var ClipboardOverlayKeyHandler = function(e) {
+			// If the context menu key was pressed, don't change focus until the menu has appeared, otherwise change focus now.
+			if (!e.ctrlKey && !e.metaKey && e.keyCode != 93)
+			{
+				ClipboardOverlayExitContextMenuHandler(e);
+			}
+		};
+
+		var ClipboardOverlayExitContextMenuHandler = function(e) {
+			// Clean up event handlers.
+			window.removeEventListener('focus', ClipboardOverlayExitContextMenuHandler, true);
+			elems.itemsclipboardoverlay.removeEventListener('keyup', ClipboardOverlayKeyHandler);
+			window.removeEventListener('mousedown', ClipboardOverlayExitContextMenuHandler, true);
+			elems.itemsclipboardoverlay.removeEventListener('input', ClipboardOverlayExitContextMenuHandler, true);
+			elems.itemsclipboardoverlay.removeEventListener('select', ClipboardOverlayExitContextMenuHandler, true);
+			window.removeEventListener('keydown', ClipboardPasteBoxKeyHandler, true);
+			window.removeEventListener('mousedown', ClipboardPasteBoxMouseHandler, true);
+
+			if (clipboardmenutimout)
+			{
+				clearTimeout(clipboardmenutimout);
+				clipboardmenutimout = null;
+			}
+
+			// Move the focus back to the main area if the target is the clipboard overlay.
+			if (e && e.target === elems.itemsclipboardoverlay)  $this.Focus(true, true);
+
+			elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_hidden');
+			elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_items_show_clipboard_overlay_paste');
+			elems.itemsclipboardoverlay.tabIndex = -1;
+
+			clipboardcontextmenu = false;
+		};
+
+		var ClipboardOverlayContextMenuHandler = function(e) {
+			// Remove the pointer events class after the context menu shows BUT there is no standard event available for it after this one.
+			if (clipboardmenutimout)  clearTimeout(clipboardmenutimout);
+
+			clipboardmenutimout = setTimeout(function() {
+				clipboardmenutimout = null;
+
+				elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_items_clipboard_contextmenu');
+
+				elems.itemsclipboardoverlay.addEventListener('input', ClipboardOverlayExitContextMenuHandler, true);
+				elems.itemsclipboardoverlay.addEventListener('select', ClipboardOverlayExitContextMenuHandler, true);
+			}, 0);
+
+			// Track when the context menu exits.
+			window.addEventListener('focus', ClipboardOverlayExitContextMenuHandler, true);
+			elems.itemsclipboardoverlay.addEventListener('keyup', ClipboardOverlayKeyHandler);
+			window.addEventListener('mousedown', ClipboardOverlayExitContextMenuHandler, true);
+
+			// Remove the event handler for the context menu.
+			window.removeEventListener('contextmenu', ClipboardOverlayContextMenuHandler, true);
+
+			clipboardcontextmenu = true;
+		};
+
+		var StartClipboardOverlayMenu = function() {
+			if (elems.itemsclipboardoverlaypastewrap.classList.contains('fe_fileexplorer_items_clipboard_contextmenu'))
+			{
+				// Temporarily enable an event handler for opening a context menu.
+				window.addEventListener('contextmenu', ClipboardOverlayContextMenuHandler, true);
+
+				elems.itemsclipboardoverlay.focus();
+				elems.itemsclipboardoverlay.setSelectionRange((numselecteditems ? 1 : 2), 2);
+			}
+		};
+
+		var ClipboardPasteBoxKeyHandler = function(e) {
+			elems.itemsclipboardoverlay.value = '   ';
+			elems.itemsclipboardoverlay.setSelectionRange(2, 2);
+
+			if (e.keyCode == 27)  ClipboardOverlayExitContextMenuHandler(e);
+		};
+
+		var ClipboardPasteBoxMouseHandler = function(e) {
+			if (e.target !== elems.itemsclipboardoverlay)  ClipboardOverlayExitContextMenuHandler(e);
+		};
+
+		$this.ShowClipboardPasteBox = function() {
+			elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_items_show_clipboard_overlay_paste');
+			elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+			elems.itemsclipboardoverlay.tabIndex = 0;
+
+			window.addEventListener('keydown', ClipboardPasteBoxKeyHandler, true);
+			window.addEventListener('mousedown', ClipboardPasteBoxMouseHandler, true);
+		};
+
+		$this.HideClipboardPasteBox = function(e) {
+			ClipboardOverlayExitContextMenuHandler(e);
+		};
+
+		// Stop selecting items, clears event handlers, and decrements busy state.
+		var SelectBoxEndHandler = function(e) {
+			if (selectbox)
+			{
+				selectbox.parentNode.removeChild(selectbox);
+				selectbox = null;
+
+				clearInterval(autoscrolltimer);
+				autoscrolltimer = null;
+			}
+
+			elems.itemswrap.classList.remove('fe_fileexplorer_items_selecting');
+
+			// Disable clipboard overlay.
+			StartClipboardOverlayMenu();
+
+			window.removeEventListener('mousemove', SelectBoxDragHandler, true);
+			window.removeEventListener('mouseup', SelectBoxEndHandler, true);
+			window.removeEventListener('blur', SelectBoxEndHandler, true);
+			elems.itemsscrollwrap.removeEventListener('wheel', SelectBoxScrollWheelHandler);
+
+			currfolder.SetBusyRef(-1);
+		};
+
+		// Handle rename start from click.
+		var startrename = false, startrenamefolder, startrenameid, startrenametimeout;
+		var StartRenameHandler = function() {
+			startrenametimeout = null;
+
+			CancelRenameHandler();
+
+			if (startrenamefolder === currfolder && !currfolder.IsBusy() && numselecteditems === 1 && (startrenameid in selecteditemsmap))  $this.RenameSelectedItem();
+		};
+
+		var CancelRenameHandler = function(e) {
+			window.removeEventListener('touchstart', CancelRenameHandler, true);
+			window.removeEventListener('mousedown', CancelRenameHandler, true);
+			window.removeEventListener('keydown', CancelRenameHandler, true);
+
+			if (startrenametimeout)
+			{
+				clearTimeout(startrenametimeout);
+				startrenametimeout = null;
+			}
+		};
+
+		// Scrolls the main view if the focused item is released before a move/copy operation starts.
+		var scrollnomoveinfo = null;
+		var ScrollNoMoveHandler = function(e) {
+			e.preventDefault();
+
+			if (scrollnomoveinfo)
+			{
+				if (scrollnomoveinfo.origevent.button == 2)
+				{
+					// Ignore selection changes since the right-click context menu will be showing in a moment.
+				}
+				else if (scrollnomoveinfo.origevent.ctrlKey || scrollnomoveinfo.origevent.target.tagName === 'INPUT' || selectmodemulti)
+				{
+					// Toggle item selection.
+					$this.ToggleItemSelection(scrollnomoveinfo.origelem, true);
+				}
+				else if (!scrollnomoveinfo.origevent.shiftKey)
+				{
+					// Select items starting at the last anchor position.
+					$this.SelectItemsFromLastAnchor(true);
+				}
+
+				if (!numselecteditems)  selectmodemulti = false;
+				else if (lastselecttouch && scrollnomoveinfo.origevent.target.tagName === 'INPUT')  selectmodemulti = true;
+
+				scrollnomoveinfo = null;
+			}
+
+			$this.ScrollToFocusedItem();
+
+			window.removeEventListener('mouseup', ScrollNoMoveHandler, true);
+
+			StartClipboardOverlayMenu();
+
+			// Rename the selected item if the user started the selection on the text but didn't actually move the item.
+			if (startrename)
+			{
+				startrenametimeout = setTimeout(StartRenameHandler, 500);
+
+				window.addEventListener('touchstart', CancelRenameHandler, true);
+				window.addEventListener('mousedown', CancelRenameHandler, true);
+				window.addEventListener('keydown', CancelRenameHandler, true);
+			}
+		};
+
+		// Start a drag operation.
+		var MoveCopyDragStartHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Stop the no move/copy handler since a move/copy operation has started.
+			if (scrollnomoveinfo)
+			{
+				if (scrollnomoveinfo.origevent.ctrlKey || scrollnomoveinfo.origevent.target.tagName === 'INPUT' || scrollnomoveinfo.origevent.button == 2 || selectmodemulti)
+				{
+					$this.SetSelectedItems([scrollnomoveinfo.origelem.dataset.feid], true);
+				}
+
+				scrollnomoveinfo = null;
+			}
+
+			window.removeEventListener('mouseup', ScrollNoMoveHandler, true);
+
+			// Disable clipboard overlay.
+			elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_items_clipboard_contextmenu');
+			elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_hidden');
+
+			if (!numselecteditems)
+			{
+				e.preventDefault();
+
+				return;
+			}
+
+			// Allow for same-instance drop target detection.
+			elems.innerwrap.classList.add('fe_fileexplorer_drag_source');
+
+			var icontype, ids = [];
+
+			if (focuseditem === false)  icontype = 'file';
+			else
+			{
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+				var entry = entries[entryidmap[focuseditem.dataset.feid]];
+
+				icontype = entry.type;
+			}
+
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))  ids.push(x);
+			}
+
+			e.dataTransfer.setDragImage(new Image(), 9999, 0);
+
+			e.dataTransfer.setData('application/file-explorer-icon;' + JSON.stringify({ group: main_group, numitems: numselecteditems, type: icontype }), '');
+			e.dataTransfer.setData('application/file-explorer-folder', JSON.stringify({ source: main_id, path: currfolder.GetPath(), ids: ids }));
+
+			// Chromium DownloadURL support.
+			if ($this.hasEventListener('get_download_url'))
+			{
+				// Synchronous call only.
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+				var entry = entries[entryidmap[ids[0]]];
+				var result = {};
+
+				DispatchEvent('get_download_url', [result, currfolder, ids, entry]);
+
+				if (result && result.name && result.url)  e.dataTransfer.setData('DownloadURL', 'application/octet-stream:' + result.name + ':' + result.url);
+			}
+		};
+
+		var MoveCopyDragEndHandler = function(e) {
+			elems.innerwrap.classList.remove('fe_fileexplorer_drag_source');
+		};
+
+		elems.itemswrap.addEventListener('dragstart', MoveCopyDragStartHandler);
+		elems.itemswrap.addEventListener('dragend', MoveCopyDragEndHandler);
+
+		// Handle drop target operations.  When the drag source is the same as the drop target (i.e. the same instance), treat selected items a bit differently.
+		var movecopyenters = 0, movecopydata = false;
+		var GetMoveCopyDragNodeInfo = function(e) {
+			var node = e.target;
+			while (node && node.parentNode && node.parentNode !== elems.pathsegmentswrap && node.parentNode.parentNode !== elems.itemswrap && node !== elems.innerwrap)  node = node.parentNode;
+
+			if (!node)  return { node: null, type: 'error' };
+
+			if (node === elems.innerwrap)  return { node: null, type: 'currfolder' };
+
+			if (!node.parentNode)  return { node: null, type: 'error' };
+
+			if (node.parentNode.parentNode === elems.itemswrap)
+			{
+				if (node.parentNode.classList.contains('fe_fileexplorer_item_folder'))  return { node: node.parentNode, type: 'item' };
+				else  return { node: null, type: 'currfolder' };
+			}
+
+			if (node.parentNode === elems.pathsegmentswrap)  return { node: node, type: 'path' };
+		};
+
+		var MoveCopyDragUpdateStatusText = function(e, final) {
+			if (movecopydata.dropeffect === 'none')  return;
+
+			var str = (e.ctrlKey || movecopydata.dropeffect === 'copy' ? (final ? 'Copying' : 'Copy') : (final ? 'Moving' : 'Move'));
+
+			str += (movecopydata.numitems === 1 ? ' 1 item' : ' {0} items');
+
+			if (!movecopydata.dropallowed)  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + '...'), movecopydata.numitems)));
+			else if (movecopydata.lasttype === 'currfolder')
+			{
+				var path = currfolder.GetPath();
+
+				$this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), movecopydata.numitems, path[path.length - 1][1])));
+			}
+			else if (movecopydata.lasttype === 'path')
+			{
+				var path = currfolder.GetPath();
+
+				$this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), movecopydata.numitems, path[movecopydata.lastnode._fepos][1])));
+			}
+			else
+			{
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+				var entry = entries[entryidmap[movecopydata.lastnode.dataset.feid]];
+
+				$this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), movecopydata.numitems, entry.name)));
+			}
+		};
+
+		var MoveCopyDragEnterHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (!movecopyenters)
+			{
+				// See if the source is from File Explorer.
+				movecopydata = GetFileExplorerDragIconData(e, main_group);
+
+				if (movecopydata !== false)
+				{
+					movecopydata.issource = elems.innerwrap.classList.contains('fe_fileexplorer_drag_source');
+					movecopydata.lastnode = null;
+					movecopydata.lasttype = 'error';
+					movecopydata.dropallowed = false;
+					movecopydata.dropeffect = 'auto';
+
+					MoveCopyDragUpdateStatusText(e);
+
+					// Deny folder changes.
+					currfolder.SetBusyRef(1);
+				}
+				else
+				{
+					// See if the dataTransfer contains files (from the desktop).
+					for (var x = 0; x < e.dataTransfer.types.length; x++)
+					{
+						if (e.dataTransfer.types[x] === 'Files')
+						{
+							// Create a fake move/copy structure.
+							movecopydata = {
+								group: main_group,
+								numitems: '',
+								type: 'file',
+								issource: false,
+								lastnode: null,
+								lasttype: 'error',
+								dropallowed: false,
+								dropeffect: ($this.hasEventListener('init_upload') ? 'copy' : 'none')
+							};
+
+							MoveCopyDragUpdateStatusText(e);
+
+							// Deny folder changes.
+							currfolder.SetBusyRef(1);
+
+							break;
+						}
+					}
+				}
+			}
+
+			if (movecopydata !== false)
+			{
+				e.preventDefault();
+
+				// Apply hover effect if the node changed.
+				if (movecopydata.dropeffect !== 'none')
+				{
+					var nodeinfo = GetMoveCopyDragNodeInfo(e);
+
+					if (nodeinfo.node !== movecopydata.lastnode || nodeinfo.type !== movecopydata.lasttype)
+					{
+						if (movecopydata.lastnode)  movecopydata.lastnode.classList.remove('fe_fileexplorer_drag_hover');
+
+						movecopydata.lastnode = nodeinfo.node;
+						movecopydata.lasttype = nodeinfo.type;
+
+						if (!movecopydata.lastnode)  movecopydata.dropallowed = (!movecopydata.issource && movecopydata.lasttype === 'currfolder');
+						else
+						{
+							movecopydata.lastnode.classList.add('fe_fileexplorer_drag_hover');
+
+							movecopydata.dropallowed = (!movecopydata.issource || movecopydata.lasttype != 'item' || !(movecopydata.lastnode.dataset.feid in selecteditemsmap));
+						}
+
+						MoveCopyDragUpdateStatusText(e);
+					}
+				}
+			}
+
+			movecopyenters++;
+		};
+
+		var MoveCopyDragOverHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (movecopydata !== false)
+			{
+				e.preventDefault();
+
+				var origeffect = e.dataTransfer.dropEffect;
+
+				if (movecopydata.dropeffect !== 'auto')  e.dataTransfer.dropEffect = movecopydata.dropeffect;
+				else if (e.ctrlKey)  e.dataTransfer.dropEffect = ($this.hasEventListener('copy') ? 'copy' : 'none');
+				else  e.dataTransfer.dropEffect = ($this.hasEventListener('move') ? 'move' : 'none');
+
+				if (origeffect !== e.dataTransfer.dropEffect)  MoveCopyDragUpdateStatusText(e);
+			}
+		};
+
+		var MoveCopyDragLeaveHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			movecopyenters--;
+
+			if (movecopyenters < 1)
+			{
+				movecopyenters = 0;
+
+				if (movecopydata.lastnode)  movecopydata.lastnode.classList.remove('fe_fileexplorer_drag_hover');
+
+				// Restore the status bar.
+				UpdateSelectionsChanged();
+
+				// Allow folder changes.
+				currfolder.SetBusyRef(-1);
+
+				movecopydata = false;
+			}
+		};
+
+		// Semi-reusable code for both drag-and-drop and clipboard paste.
+		var PerformFinalMoveCopy = function(issource, lasttype, lastnode, optype, dropdata) {
+			// Copy existing information for later use.
+			var origcurrfolder = currfolder;
+			var targetfolder;
+			var selecteditemsmap2 = Object.assign({}, selecteditemsmap);
+			var numselecteditems2 = numselecteditems;
+
+			// Determine the target folder, creating it if necessary.  Path is only used for drag-and-drop.
+			if (lasttype === 'currfolder')  targetfolder = currfolder;
+			else if (lasttype === 'path')  targetfolder = $this.GetMappedFolderFromPath(currfolder.GetPath().slice(0, lastnode._fepos + 1));
+			else if (lasttype === 'item')
+			{
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+				var entry = entries[entryidmap[lastnode.dataset.feid]];
+				var path = currfolder.GetPath().slice();
+
+				// Append the selected path segment.
+				var pathitem = [entry.id, entry.name];
+				if ('attrs' in entry)  pathitem.push(entry.attrs);
+
+				path.push(pathitem);
+
+				// Create/Update the target folder.
+				var pathkey = GetMappedPathKey(path);
+
+				if (!foldermap[pathkey])  foldermap[pathkey] = new Folder(path);
+
+				targetfolder = foldermap[pathkey];
+			}
+
+			targetfolder.refs++;
+
+			var calledback = false;
+			var movecopycallback = function(success, selectentries) {
+				if (calledback || destroyinprogress)  return;
+
+				calledback = true;
+
+				$this.StopOperationIndicator();
+
+				DecrementMappedFolderRefCount(targetfolder);
+
+				// Restore the status bar.
+				UpdateSelectionsChanged();
+
+				if (optype === 'move')  currfolder.SetBusyRef(-1);
+
+				if (success === true)
+				{
+					// If the target folder was also the source folder and the same folder is being viewed and performing a move operation, remove the previously selected item(s).
+					if (issource && currfolder === origcurrfolder && targetfolder !== currfolder && optype === 'move')
+					{
+						var entries = currfolder.GetEntries();
+						var entries2 = [];
+						for (var x = 0; x < entries.length; x++)
+						{
+							if (!(entries[x].id in selecteditemsmap2))  entries2.push(entries[x]);
+						}
+
+						// Adjust the focused item.
+						if (focuseditem !== false && (focuseditem.dataset.feid in selecteditemsmap2))
+						{
+							var node = focuseditem.nextSibling;
+							while (node && (node.dataset.feid in selecteditemsmap2))  node = node.nextSibling;
+
+							if (!node)
+							{
+								node = focuseditem.previousSibling;
+								while (node && (node.dataset.feid in selecteditemsmap2))  node = node.previousSibling;
+							}
+
+							if (node)
+							{
+								$this.SetFocusItem(node.dataset.feid, true);
+								$this.ScrollToFocusedItem();
+							}
+						}
+
+						currfolder.SetEntries(entries2);
+					}
+				}
+				else
+				{
+					$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate((optype === 'copy' ? 'Copying' : 'Moving') + ' items failed.' + (typeof success === 'string' ? '  {0}' : '')), success)), $this.settings.messagetimeout);
+				}
+
+				// Handle entries.
+				if ($this.IsMappedFolder(targetfolder) && selectentries && Array.isArray(selectentries))
+				{
+					// Merge items into the target folder.
+					var entries = targetfolder.GetEntries();
+					var entryidmap = targetfolder.GetEntryIDMap();
+
+					for (var x = 0; x < selectentries.length; x++)
+					{
+						if (selectentries[x].id in entryidmap)  entries[entryidmap[selectentries[x].id]] = selectentries[x];
+						else  entries.push(selectentries[x]);
+					}
+
+					targetfolder.SetEntries(entries);
+
+					// If the target folder is visible, set selections to the IDs moved/copied.
+					if (targetfolder === currfolder)
+					{
+						var selectids = [];
+
+						for (var x = 0; x < selectentries.length; x++)
+						{
+							selectids.push(selectentries[x].id);
+						}
+
+						$this.SetSelectedItems(selectids);
+					}
+				}
+
+				// Handle all scenarios with a forced refresh.
+				$this.RefreshFolders(true);
+			};
+
+			// Release busy status for copy operations.
+			if (optype === 'copy')  currfolder.SetBusyRef(-1);
+
+			$this.StartOperationIndicator();
+
+			DispatchEvent(optype, [movecopycallback, dropdata.path, dropdata.ids, targetfolder]);
+		};
+
+
+		// Reusable progress tracker.
+		var progresstrackers = [], progresstrackerinterval;
+
+		var InitProgressTracker = function() {
+			var tracker = {
+				started: Date.now(),
+				totalbytes: 0,
+				showbyterate: false,
+				uploading: false,
+				queueditems: 0,
+				queuesizeunknown: false,
+				itemsdone: 0,
+				faileditems: 0,
+				cancelcallback: null
+			};
+
+			return tracker;
+		};
+
+		$this.UpdateProgressText = function() {
+			if (!progresstrackers || !progresstrackers.length)  return;
+
+			// Combine all progress tracker info.
+			var tracker = InitProgressTracker();
+
+			var currts = tracker.started;
+
+			for (var x = 0; x < progresstrackers.length; x++)
+			{
+				tracker.totalbytes += progresstrackers[x].totalbytes;
+
+				if (progresstrackers[x].showbyterate !== false)
+				{
+					tracker.showbyterate = true;
+
+					if (tracker.started > progresstrackers[x].started)  tracker.started = progresstrackers[x].started;
+				}
+
+				if (progresstrackers[x].uploading !== false)
+				{
+					if (tracker.uploading === false)  tracker.uploading = 0;
+
+					tracker.uploading += progresstrackers[x].uploading;
+				}
+
+				tracker.queueditems += progresstrackers[x].queueditems;
+
+				if (progresstrackers[x].queuesizeunknown !== false)  tracker.queuesizeunknown = true;
+
+				tracker.itemsdone += progresstrackers[x].itemsdone;
+				tracker.faileditems += progresstrackers[x].faileditems;
+			}
+
+			var totalbytesstr = GetDisplayFilesize(tracker.totalbytes, $this.settings.adjustprecision, $this.settings.displayunits);
+
+			// Wait a few seconds before calculating the byte rate.
+			if (tracker.showbyterate && currts > tracker.started + 3000)
+			{
+				var byterate = tracker.totalbytes / ((currts - tracker.started) / 1000);
+
+				var byteratestr = FormatStr($this.Translate('{0}/s'), GetDisplayFilesize(byterate, $this.settings.adjustprecision, $this.settings.displayunits));
+
+				elems.statusbaractionprogressmessagewrap.innerHTML = EscapeHTML(FormatStr('{0}\u00A0\u00A0\u00A0{1}', byteratestr, totalbytesstr));
+			}
+			else
+			{
+				elems.statusbaractionprogressmessagewrap.innerHTML = EscapeHTML(FormatStr('{0}', totalbytesstr));
+			}
+
+			var stropts = [];
+			var titleopts = [];
+
+			if (tracker.uploading !== false)
+			{
+				stropts.push($this.Translate('{0} <span class="fe_fileexplorer_action_progress_msg_icon fe_fileexplorer_action_progress_msg_icon_uploads_in_progress"></span>'));
+				titleopts.push($this.Translate('{0} uploading'));
+			}
+
+			if (tracker.queueditems)
+			{
+				stropts.push($this.Translate((tracker.queuesizeunknown ? '{1}+ ' : '{1} ') + '<span class="fe_fileexplorer_action_progress_msg_icon fe_fileexplorer_action_progress_msg_icon_queued"></span>'));
+				titleopts.push($this.Translate(tracker.queuesizeunknown ? '{1}+ queued' : '{1} queued'));
+			}
+
+			if (tracker.itemsdone)
+			{
+				stropts.push($this.Translate('{2} <span class="fe_fileexplorer_action_progress_msg_icon fe_fileexplorer_action_progress_msg_icon_done"></span>'));
+				titleopts.push($this.Translate('{2} done'));
+			}
+
+			if (tracker.faileditems)
+			{
+				stropts.push($this.Translate('{3} <span class="fe_fileexplorer_action_progress_msg_icon fe_fileexplorer_action_progress_msg_icon_errors"></span>'));
+				titleopts.push($this.Translate('{3} failed'));
+			}
+
+			elems.statusbaractionprogressmessagewrap2.innerHTML = FormatStr(stropts.join('\u00A0\u00A0\u00A0'), tracker.uploading, tracker.queueditems, tracker.itemsdone, tracker.faileditems);
+			elems.statusbaractionprogressmessagewrap2.title = EscapeHTML(FormatStr(titleopts.join(', '), tracker.uploading, tracker.queueditems, tracker.itemsdone, tracker.faileditems));
+		};
+
+		// Stop all progress callbacks.
+		var ProgressCancelAllHandler = function(e) {
+			if (e)
+			{
+				if (!e.isTrusted)  return;
+
+				e.preventDefault();
+			}
+
+			$this.SetNamedStatusBarText('message', EscapeHTML($this.Translate('Stopping...')), $this.settings.messagetimeout);
+
+			for (var x = 0; x < progresstrackers.length; x++)
+			{
+				if (progresstrackers[x].cancelcallback)  progresstrackers[x].cancelcallback.call($this, e);
+			}
+
+			$this.Focus(true, true);
+
+			elems.statusbaractionprogresscancelwrap.classList.add('fe_fileexplorer_hidden');
+		};
+
+		elems.statusbaractionprogresscancelwrap.addEventListener('click', ProgressCancelAllHandler);
+
+		var ProgressCancelKeydownHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)  ProgressCancelAllHandler(e);
+		};
+
+		elems.statusbaractionprogresscancelwrap.addEventListener('keydown', ProgressCancelKeydownHandler);
+
+		var FinishProgressDisplay = function() {
+			elems.statusbaractionprogresswrap.classList.add('fe_fileexplorer_hidden');
+
+			elems.statusbaractionprogressmessagewrap.innerHTML = '';
+
+			$this.SetNamedStatusBarText('message', '');
+
+			clearInterval(progresstrackerinterval);
+			progresstrackerinterval = null;
+		};
+
+		// When a touch, mouse, or keyboard event happens after the last tracker is finished, start a short timeout to clean up the remaining bits.
+		var PreFinishProgressDisplay = function(e) {
+			window.removeEventListener('touchstart', PreFinishProgressDisplay, true);
+			window.removeEventListener('mousemove', PreFinishProgressDisplay, true);
+			window.removeEventListener('mousedown', PreFinishProgressDisplay, true);
+			window.removeEventListener('keydown', PreFinishProgressDisplay, true);
+
+			if (e)  progresstrackerinterval = setInterval(FinishProgressDisplay, 1000);
+		};
+
+		$this.CreateProgressTracker = function(cancelcallback) {
+			var tracker = InitProgressTracker();
+
+			tracker.cancelcallback = cancelcallback;
+
+			progresstrackers.push(tracker);
+
+			if (progresstrackerinterval)  clearInterval(progresstrackerinterval);
+
+			progresstrackerinterval = setInterval($this.UpdateProgressText, 1000);
+
+			PreFinishProgressDisplay();
+
+			$this.UpdateProgressText();
+
+			if (cancelcallback)  elems.statusbaractionprogresscancelwrap.classList.remove('fe_fileexplorer_hidden');
+			elems.statusbaractionprogresswrap.classList.remove('fe_fileexplorer_hidden');
+
+			return tracker;
+		};
+
+		$this.RemoveProgressTracker = function(tracker, finishmessage) {
+			$this.UpdateProgressText();
+
+			for (var x = 0; x < progresstrackers.length; x++)
+			{
+				if (progresstrackers[x] === tracker)
+				{
+					progresstrackers.splice(x, 1);
+
+					break;
+				}
+			}
+
+			var found = false;
+			for (var x = 0; x < progresstrackers.length; x++)
+			{
+				if (progresstrackers[x].cancelcallback)  found = true;
+			}
+
+			if (!found)  elems.statusbaractionprogresscancelwrap.classList.add('fe_fileexplorer_hidden');
+
+			if (!progresstrackers.length)
+			{
+				if (progresstrackerinterval)
+				{
+					clearInterval(progresstrackerinterval);
+					progresstrackerinterval = null;
+				}
+
+				window.addEventListener('touchstart', PreFinishProgressDisplay, true);
+				window.addEventListener('mousemove', PreFinishProgressDisplay, true);
+				window.addEventListener('mousedown', PreFinishProgressDisplay, true);
+				window.addEventListener('keydown', PreFinishProgressDisplay, true);
+
+				if (finishmessage)  $this.SetNamedStatusBarText('message', $this.Translate(finishmessage));
+			}
+		};
+
+
+		// Manages active uploads.
+		var uploadactivequeue = [], uploadqueue = [], uploaddirentries = [], uploadqueuestarted = false, uploadprogresstracker = false, uploadfolderinterval, uploadcancel = false;
+
+		var BlobSlice = function() {
+			var tempslice = this.slice || this.webkitSlice || this.mozSlice;
+
+			return tempslice.apply(this, arguments);
+		};
+
+		// Forcefully stop all uploads and clear out the queue.
+		var UploadCancelAllHandler = function(e) {
+			if (e)
+			{
+				if (!e.isTrusted)  return;
+
+				e.preventDefault();
+			}
+
+			uploadcancel = true;
+
+			for (var x = uploadactivequeue.length; x; x--)
+			{
+				if (uploadactivequeue[x - 1].xhr)  uploadactivequeue[x - 1].xhr.Abort();
+			}
+
+			if (uploadfolderinterval)
+			{
+				clearInterval(uploadfolderinterval);
+				uploadfolderinterval = null;
+			}
+		};
+
+		// Refreshes the current folder every 30 seconds while uploading.
+		var UpdateUploadRefreshFolder = function() {
+			$this.RefreshFolders(true);
+		};
+
+		var UpdateUploadProgressInfo = function() {
+			if (!uploadprogresstracker)  return;
+
+			uploadprogresstracker.uploading = uploadactivequeue.length;
+			uploadprogresstracker.queueditems = uploadqueue.length;
+			uploadprogresstracker.queuesizeunknown = (uploaddirentries.length > 0);
+		};
+
+		// Remove the item from the active queue and start the next upload item.
+		var RemoveUploadActiveQueueItem = function(fileinfo) {
+			for (var x = 0; x < uploadactivequeue.length; x++)
+			{
+				if (uploadactivequeue[x] === fileinfo)
+				{
+					DecrementMappedFolderRefCount(fileinfo.folder);
+
+					uploadactivequeue.splice(x, 1);
+
+					if (fileinfo.xhr)
+					{
+						fileinfo.xhr.Destroy();
+
+						delete fileinfo.xhr;
+					}
+
+					break;
+				}
+			}
+
+			UpdateUploadProgressInfo();
+
+			StartNextUpload();
+		};
+
+		var FailUpload = function(fileinfo, newstatus, e) {
+			fileinfo.status = newstatus;
+
+			uploadprogresstracker.faileditems++;
+
+			DispatchEvent('upload_error', [fileinfo, e]);
+
+			RemoveUploadActiveQueueItem(fileinfo);
+		};
+
+		// Builds a chunk and an upload request object and starts the upload.
+		var StartUploadChunk = function(fileinfo) {
+			if (uploadcancel)
+			{
+				FailUpload(fileinfo, 'request_aborted');
+
+				return;
+			}
+
+			// Calculate the chunk size.
+			var chunksize = (fileinfo.chunksize ? (typeof fileinfo.chunksize === 'function' ? fileinfo.chunksize(fileinfo) : fileinfo.chunksize) : fileinfo.sizebytes - fileinfo.currchunkstart);
+
+			if (fileinfo.currchunkstart + chunksize > fileinfo.sizebytes)  chunksize = fileinfo.sizebytes - fileinfo.currchunkstart;
+
+			// When sending chunked data, make the first chunk fairly small so if the the upload is going to fail for whatever reason (e.g. an invalid file extension), it will fail quickly.
+			if (!fileinfo.currchunkstart && chunksize < fileinfo.sizebytes && chunksize > 4096)  chunksize = 4096;
+
+			if (fileinfo.type === 'file')
+			{
+				fileinfo.currblob = BlobSlice.call(fileinfo.file, fileinfo.currchunkstart, fileinfo.currchunkstart + chunksize, fileinfo.file.type);
+
+				chunksize = fileinfo.currblob.size;
+			}
+
+			fileinfo.currchunksize = chunksize;
+
+			// Set up various callbacks.
+			var uploadstarthandler = function(e) {
+				fileinfo.status = 'upload_started';
+				fileinfo.progress.uploadedchunkbytes = 0;
+			};
+
+			var uploadprogresshandler = function(e) {
+				fileinfo.status = 'upload_in_progress';
+
+				var diffsize = (e.loaded - fileinfo.progress.uploadedchunkbytes);
+
+				uploadprogresstracker.totalbytes += diffsize;
+				fileinfo.progress.uploadedbytes += diffsize;
+
+				fileinfo.progress.uploadedchunkbytes = e.loaded;
+
+				var currts = Date.now();
+
+				// Wait a few seconds before calculating the byterate.
+				if (currts > fileinfo.progress.started + 3000)  fileinfo.progress.byterate = fileinfo.progress.uploadedbytes / (currts - fileinfo.progress.started);
+
+				fileinfo.progress.percent = (e.lengthComputable ? e.loaded / e.total * 100 : (fileinfo.currchunksize ? e.loaded / fileinfo.currchunksize : 0));
+			};
+
+			var uploadcompletehandler = function(e) {
+				fileinfo.status = 'upload_complete';
+
+				if (fileinfo.progress.uploadedbytes < fileinfo.currchunksize)  uploadprogresstracker.trackerbytes += (fileinfo.currchunksize - fileinfo.progress.uploadedbytes);
+			};
+
+			var origcurrfolder = currfolder;
+			var requestcompletehandler = function(e) {
+				try
+				{
+					var response = JSON.parse(e.target.responseText);
+
+					fileinfo.currchunkstart += fileinfo.currchunksize;
+
+					if (!response.success)
+					{
+						$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Error uploading "{0}" ({1})'), fileinfo.fullPath, response.errorcode)), $this.settings.messagetimeout * 5);
+
+						FailUpload(fileinfo, 'request_error', e);
+					}
+					else if (fileinfo.currchunkstart < fileinfo.sizebytes)
+					{
+						// Start the next upload chunk.
+						fileinfo.retriesleft = fileinfo.retries;
+
+						StartUploadChunk(fileinfo);
+					}
+					else if (!$this.hasEventListener('upload_done'))
+					{
+						if (response.entry && $this.IsMappedFolder(origcurrfolder))  origcurrfolder.SetEntry(response.entry);
+
+						uploadprogresstracker.itemsdone++;
+
+						RemoveUploadActiveQueueItem(fileinfo);
+					}
+					else
+					{
+						// Finalize the upload.
+						if (response.entry && $this.IsMappedFolder(origcurrfolder))  origcurrfolder.SetEntry(response.entry);
+
+						origcurrfolder = currfolder;
+
+						var calledback = false;
+						var finalizecallback = function(success, entry) {
+							if (calledback)  return;
+
+							calledback = true;
+
+							if (entry && $this.IsMappedFolder(origcurrfolder))  origcurrfolder.SetEntry(entry);
+
+							if (success === true)
+							{
+								uploadprogresstracker.itemsdone++;
+
+								RemoveUploadActiveQueueItem(fileinfo);
+							}
+							else
+							{
+								$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Finalizing "{0}" failed.' + (typeof success === 'string' ? '  {1}' : '')), fileinfo.fullPath, success)), $this.settings.messagetimeout);
+
+								FailUpload(fileinfo, 'finalize_failed');
+							}
+						};
+
+						DispatchEvent('upload_done', [finalizecallback, fileinfo]);
+					}
+				}
+				catch(e)
+				{
+					requesterrorhandler(e);
+				}
+			};
+
+			var requesterrorhandler = function(e) {
+				if (!fileinfo.retriesleft)  FailUpload(fileinfo, 'request_failed', e);
+				else
+				{
+					// Retry.
+					fileinfo.retriesleft--;
+
+					StartUploadChunk(fileinfo);
+				}
+			};
+
+			var requestabortedhandler = function(e) {
+				FailUpload(fileinfo, 'request_aborted', e);
+			};
+
+			fileinfo.xhr = new PrepareXHR(fileinfo);
+
+			// Allow headers/params to be modified for the current chunk and/or add listeners to the xhr object.
+			DispatchEvent('update_upload_fileinfo', fileinfo);
+
+			fileinfo.xhr.upload.addEventListener('loadstart', uploadstarthandler);
+			fileinfo.xhr.upload.addEventListener('progress', uploadprogresshandler);
+			fileinfo.xhr.upload.addEventListener('load', uploadcompletehandler);
+
+			fileinfo.xhr.addEventListener('load', requestcompletehandler);
+			fileinfo.xhr.addEventListener('error', requesterrorhandler);
+			fileinfo.xhr.addEventListener('timeout', requesterrorhandler);
+			fileinfo.xhr.addEventListener('abort', requestabortedhandler);
+
+			fileinfo.method = 'POST';
+			fileinfo.headers = fileinfo.headers || {};
+
+			// Set the Content-Range request header for chunked file transfers.
+			if (fileinfo.type === 'file' && (fileinfo.currchunkstart || fileinfo.currchunksize < fileinfo.sizebytes))
+			{
+				// Handle zero byte chunks gracefully (0 - 1 + 1 = 0).
+				if (!fileinfo.currchunksize)  fileinfo.headers['Content-Range'] = 'bytes 1-0/' + fileinfo.sizebytes;
+				else  fileinfo.headers['Content-Range'] = 'bytes ' + fileinfo.currchunkstart + '-' + (fileinfo.currchunkstart + fileinfo.currchunksize - 1) + '/' + fileinfo.sizebytes;
+
+				// Enable FileUploadHelper compatibility.  Only really needs to exist.
+				fileinfo.headers['Content-Disposition'] = 'attachment; filename="' + encodeURI(fileinfo.name || fileinfo.file.name) + '"';
+			}
+
+			fileinfo.headers['Accept'] = 'application/json';
+
+			// When using FormData for params, the FormData object has to be rebuilt with each request.
+			var formdata = fileinfo.xhr.PrepareBody();
+
+			// Append current path.  Useful for returning an entry from the server.
+			if (fileinfo.currpathparam)
+			{
+				formdata.append(fileinfo.currpathparam, JSON.stringify(currfolder.GetPathIDs()));
+			}
+
+			// Append the file data.
+			if (fileinfo.type === 'file')
+			{
+				formdata.append(fileinfo.fileparam, fileinfo.currblob, fileinfo.name || fileinfo.file.name);
+			}
+
+			// Start the upload.
+			fileinfo.xhr.Send(formdata);
+		};
+
+		var InitializeUpload = function(fileinfo) {
+			var calledback = false;
+			var startuploadcallback = function(process) {
+				if (calledback)  return;
+
+				calledback = true;
+
+				if (process === true && !destroyinprogress)
+				{
+					// Initialize the fileinfo data.
+					fileinfo.status = 'upload_start';
+
+					fileinfo.progress = {
+						started: Date.now(),
+						uploadedbytes: 0,
+						byterate: 0,
+						percent: 0
+					};
+
+					fileinfo.sizebytes = (fileinfo.type === 'file' ? fileinfo.file.size : 0);
+					fileinfo.currchunkstart = 0;
+					if (!fileinfo.retries)  fileinfo.retries = 0;
+					fileinfo.retriesleft = fileinfo.retries;
+
+					if (!uploadcancel)  $this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Uploading "{0}"...'), fileinfo.fullPath)), $this.settings.messagetimeout * 5);
+
+					// Set up initial progress tracker info.
+					if (!uploadprogresstracker)
+					{
+						uploadprogresstracker = $this.CreateProgressTracker(UploadCancelAllHandler);
+						uploadprogresstracker.showbyterate = true;
+					}
+
+					if (!uploadfolderinterval)  uploadfolderinterval = setInterval(UpdateUploadRefreshFolder, 30000);
+
+					UpdateUploadProgressInfo();
+
+					$this.UpdateProgressText();
+
+					// Start the first chunk.
+					StartUploadChunk(fileinfo);
+				}
+				else if (typeof process === 'string')
+				{
+					$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Starting "{0}" failed.  {1}'), fileinfo.fullPath, process)), $this.settings.messagetimeout);
+
+					// Set up initial progress tracker info.
+					if (!uploadprogresstracker)
+					{
+						uploadprogresstracker = $this.CreateProgressTracker(UploadCancelAllHandler);
+						uploadprogresstracker.showbyterate = true;
+					}
+
+					FailUpload(fileinfo, 'start_failed');
+				}
+				else
+				{
+					RemoveUploadActiveQueueItem(fileinfo);
+				}
+			};
+
+			UpdateUploadProgressInfo();
+
+			$this.UpdateProgressText();
+
+			if (!uploadqueuestarted)  uploadqueuestarted = Date.now();
+
+			DispatchEvent('init_upload', [startuploadcallback, fileinfo, uploadqueuestarted]);
+		};
+
+		// Uses a FileReader object to determine if a File blob is readable or not.
+		var TestUnknownTypeUpload = function(fileinfo) {
+			fileinfo.status = 'waiting';
+
+			var fr = new FileReader();
+
+			// Early terminate reading files.
+			fr.addEventListener('progress', function(e) {
+				fr.abort();
+
+				fileinfo.status = 'init';
+				fileinfo.type = 'file';
+
+				StartNextUpload();
+			});
+
+			// The whole file loaded.
+			fr.addEventListener('load', function(e) {
+				fileinfo.status = 'init';
+				fileinfo.type = 'file';
+
+				StartNextUpload();
+			});
+
+			// Not a usable file.  Possibly a directory.
+			fr.addEventListener('error', function(e) {
+				fileinfo.status = 'invalid_item';
+
+				DispatchEvent('upload_error', [fileinfo, e]);
+
+				StartNextUpload();
+			});
+
+			fr.readAsArrayBuffer(fileinfo.file);
+		};
+
+		var QueueUploadEntry = function(targetfolder, entry) {
+			if (entry.isDirectory)
+			{
+				var reader = entry.createReader();
+
+				var dirinfo = {
+					entry: entry,
+					reader: reader,
+					folder: targetfolder,
+					type: 'direntry',
+					size: 0,
+					fullPath: entry.fullPath,
+					busy: false
+				};
+
+				targetfolder.refs++;
+
+				uploaddirentries.push(dirinfo);
+			}
+			else if (entry.isFile)
+			{
+				var fileinfo = {
+					status: 'init',
+					folder: targetfolder,
+					type: 'file',
+					file: null,
+					fullPath: entry.fullPath
+				};
+
+				targetfolder.refs++;
+
+				entry.file(function(file) {
+					fileinfo.file = file;
+
+					uploadqueue.push(fileinfo);
+
+					StartNextUpload();
+				}, function(e) {
+					fileinfo.status = 'invalid_file';
+
+					DispatchEvent('upload_error', [fileinfo, e]);
+
+					DecrementMappedFolderRefCount(targetfolder);
+
+					StartNextUpload();
+				});
+			}
+		};
+
+		var StartNextUpload = function() {
+			if (!$this.hasEventListener('init_upload'))  uploadcancel = true;
+
+			if (uploadcancel && uploaddirentries.length && !uploaddirentries[0].busy)  uploaddirentries = [];
+
+			// Queue up some items from directory entries.
+			if (!uploadcancel && uploadqueue.length < 100 && uploaddirentries.length && !uploaddirentries[0].busy)
+			{
+				var targetfolder = uploaddirentries[0].folder;
+
+				uploaddirentries[0].busy = true;
+
+				// May only read up to 100 entries on some browsers (e.g. Chromium-based).
+				uploaddirentries[0].reader.readEntries(function(entries) {
+					uploaddirentries[0].busy = false;
+
+					if (uploadcancel)
+					{
+						uploaddirentries.shift();
+
+						UpdateUploadProgressInfo();
+					}
+					else if (!entries.length)
+					{
+						// Add empty directory to the queue.
+						if (!uploaddirentries[0].size)
+						{
+							var fileinfo = {
+								status: 'init',
+								folder: targetfolder,
+								type: 'dir',
+								fullPath: uploaddirentries[0].fullPath
+							};
+
+							targetfolder.refs++;
+
+							uploadqueue.push(fileinfo);
+						}
+
+						// No more entries.
+						DecrementMappedFolderRefCount(targetfolder);
+
+						uploaddirentries.shift();
+
+						UpdateUploadProgressInfo();
+					}
+					else
+					{
+						uploaddirentries[0].size += entries.length;
+
+						entries.forEach(function(entry) {
+							QueueUploadEntry(targetfolder, entry);
+						});
+					}
+
+					StartNextUpload();
+				}, function(e) {
+					// An error occurred.  Remove the directory.
+					DispatchEvent('upload_error', [uploaddirentries[0], e]);
+
+					DecrementMappedFolderRefCount(targetfolder);
+
+					uploaddirentries.shift();
+
+					UpdateUploadProgressInfo();
+
+					StartNextUpload();
+				});
+			}
+
+			// Trigger concurrent upload start.
+			if (uploadactivequeue.length < $this.settings.concurrentuploads && uploadqueue.length)
+			{
+				// Find something to do.
+				var waiting = 0, found = false;
+				for (var x = 0; x < uploadqueue.length; x++)
+				{
+					if (uploadqueue[x].status === 'waiting')  waiting++;
+					else if (uploadcancel || uploadqueue[x].status === 'invalid_item')
+					{
+						if (uploadqueue[x].status === 'invalid_item')  console.error('Removed \'' + uploadqueue[x].fullPath + '\' from the upload queue due to an error - it is probably a directory.');
+
+						DecrementMappedFolderRefCount(uploadqueue[x].folder);
+
+						uploadqueue.splice(x, 1);
+
+						x--;
+
+						UpdateUploadProgressInfo();
+
+						found = true;
+					}
+					else if (uploadqueue[x].status === 'init')
+					{
+						if (uploadqueue[x].type === 'file' || uploadqueue[x].type === 'dir')
+						{
+							if (uploadactivequeue.length < $this.settings.concurrentuploads)
+							{
+								var fileinfo = uploadqueue[x];
+
+								uploadactivequeue.push(fileinfo);
+
+								uploadqueue.splice(x, 1);
+
+								x--;
+
+								InitializeUpload(fileinfo);
+
+								found = true;
+							}
+						}
+						else if (uploadqueue[x].type === '' && waiting < 10)
+						{
+							TestUnknownTypeUpload(uploadqueue[x]);
+
+							waiting++;
+
+							found = true;
+						}
+					}
+				}
+
+				if (found)  StartNextUpload();
+			}
+
+			// Nothing left to do in any queue.  Clean up.
+			if (uploadprogresstracker && !uploadactivequeue.length && !uploadqueue.length && !uploaddirentries.length && !destroyinprogress)
+			{
+				$this.RemoveProgressTracker(uploadprogresstracker, (uploadcancel || destroyinprogress ? 'Uploading stopped' : 'Uploading done'));
+
+				if (uploadfolderinterval)
+				{
+					clearInterval(uploadfolderinterval);
+					uploadfolderinterval = null;
+				}
+
+				$this.RefreshFolders(true);
+
+				uploadqueuestarted = false;
+				uploadprogresstracker = false;
+				uploadcancel = false;
+
+				// May trigger garbage collection.
+				uploadactivequeue = [];
+				uploadqueue = [];
+				uploaddirentries = [];
+			}
+		};
+
+		// Upload files specified by dataTransfer or clipboardData.
+		$this.ProcessFilesAndUpload = function(targettype, targetnode, dt) {
+			var targetfolder;
+
+			// Determine the target folder, creating it if necessary.  Path is only used for drag-and-drop.
+			if (targettype === 'currfolder')  targetfolder = currfolder;
+			else if (targettype === 'path')  targetfolder = $this.GetMappedFolderFromPath(currfolder.GetPath().slice(0, targetnode._fepos + 1));
+			else if (targettype === 'item')
+			{
+				var entries = currfolder.GetEntries();
+				var entryidmap = currfolder.GetEntryIDMap();
+				var entry = entries[entryidmap[targetnode.dataset.feid]];
+				var path = currfolder.GetPath().slice();
+
+				// Append the selected path segment.
+				var pathitem = [entry.id, entry.name];
+				if ('attrs' in entry)  pathitem.push(entry.attrs);
+
+				path.push(pathitem);
+
+				// Create/Update the target folder.
+				var pathkey = GetMappedPathKey(path);
+
+				if (!foldermap[pathkey])  foldermap[pathkey] = new Folder(path);
+
+				targetfolder = foldermap[pathkey];
+			}
+			else
+			{
+				return;
+			}
+
+			if (dt.items && dt.items.length)
+			{
+				// Browser has 'items' support.
+				var entry;
+
+				for (var x = 0; x < dt.items.length; x++)
+				{
+					if (typeof dt.items[x].getAsEntry === 'function' && (entry = dt.items[x].getAsEntry()))  QueueUploadEntry(targetfolder, entry);
+					else if (typeof dt.items[x].webkitGetAsEntry === 'function' && (entry = dt.items[x].webkitGetAsEntry()))  QueueUploadEntry(targetfolder, entry);
+					else
+					{
+						// The item may be File-compatible.
+						var file = dt.items[x].getAsFile();
+
+						if (file)
+						{
+							var fileinfo = {
+								status: 'init',
+								folder: targetfolder,
+								type: '',
+								file: file
+							};
+
+							targetfolder.refs++;
+
+							fileinfo.fullPath = '/' + fileinfo.file.name;
+
+							uploadqueue.push(fileinfo);
+						}
+					}
+				}
+			}
+			else if (dt.files && dt.files.length)
+			{
+				// Browser has 'files' support.
+				for (var x = 0; x < dt.files.length; x++)
+				{
+					var file = dt.files[x];
+
+					var fileinfo = {
+						status: 'init',
+						folder: targetfolder,
+						type: '',
+						file: file
+					};
+
+					targetfolder.refs++;
+
+					fileinfo.fullPath = '/' + fileinfo.file.name;
+
+					uploadqueue.push(fileinfo);
+				}
+			}
+
+			StartNextUpload();
+		};
+
+		var MoveCopyDropHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (movecopydata !== false)
+			{
+				e.preventDefault();
+
+				if (movecopydata.lasttype !== 'error')
+				{
+					if (movecopydata.lastnode)  movecopydata.lastnode.classList.remove('fe_fileexplorer_drag_hover');
+
+					// Grab the drop data.
+					var dropdata;
+					try
+					{
+						dropdata = JSON.parse(e.dataTransfer.getData('application/file-explorer-folder'));
+					}
+					catch(e)
+					{
+					}
+
+					// Update the drop effect.
+					MoveCopyDragOverHandler(e);
+
+					if (dropdata && movecopydata.dropallowed)
+					{
+						MoveCopyDragUpdateStatusText(e, true);
+
+						// The current folder is already marked busy when MoveCopyDragEnterHandler() was called.
+						PerformFinalMoveCopy(movecopydata.issource, movecopydata.lasttype, movecopydata.lastnode, e.dataTransfer.dropEffect, dropdata);
+					}
+					else if ((e.dataTransfer.files && e.dataTransfer.files.length) && movecopydata.dropallowed)
+					{
+						// Restore the status bar.
+						UpdateSelectionsChanged();
+
+						$this.ProcessFilesAndUpload(movecopydata.lasttype, movecopydata.lastnode, e.dataTransfer);
+
+						currfolder.SetBusyRef(-1);
+					}
+					else
+					{
+						// Restore the status bar.
+						UpdateSelectionsChanged();
+
+						currfolder.SetBusyRef(-1);
+					}
+				}
+				else
+				{
+					// Restore the status bar.
+					UpdateSelectionsChanged();
+
+					currfolder.SetBusyRef(-1);
+				}
+
+				movecopydata = false;
+			}
+
+			movecopyenters = 0;
+		};
+
+		elems.innerwrap.addEventListener('dragenter', MoveCopyDragEnterHandler);
+		elems.innerwrap.addEventListener('dragover', MoveCopyDragOverHandler);
+		elems.innerwrap.addEventListener('dragleave', MoveCopyDragLeaveHandler);
+		elems.innerwrap.addEventListener('drop', MoveCopyDropHandler);
+
+		// Handle moving/copying items and autoscroll.
+// Probably obsolete code but possibly useful for mobile drag-and-drop IF that even makes sense to implement.
+/*
+		// Return the target entry (if any) for the supplied rectangle.
+		var GetMoveCopyItemTarget = function(rect) {
+			var entries = currfolder.GetEntries();
+
+			return (DoesRectOverlapItemRect(rect, rect.startcol, rect.startrow) ? entries[rect.startrow * folderitemcache.cols.length + rect.startcol] : false);
+		};
+
+		var movingitems = false, copyitems = false;
+		var UpdateMoveCopyItemsDisplay = function(newpos, forcemessage, final) {
+			if (forcemessage)
+			{
+				if (copyitems)  elems.itemswrap.classList.add('fe_fileexplorer_items_copy');
+				else  elems.itemswrap.classList.remove('fe_fileexplorer_items_copy');
+			}
+
+			var str = (copyitems ? (final ? 'Copying' : 'Copy') : (final ? 'Moving' : 'Move'));
+
+			str += (numselecteditems === 1 ? ' 1 item' : ' {0} items');
+
+			var currselectrect = {
+				left: newpos.x,
+				top: newpos.y,
+				right: newpos.x,
+				bottom: newpos.y
+			};
+
+			// Calculate rough position info.
+			UpdateCalculatedSelectedItemsRect(currselectrect, prevselectrect);
+
+			// If the point is inside an item, apply a different message if the message should change.
+			var preventry = (forcemessage ? false : GetMoveCopyItemTarget(prevselectrect));
+			var currentry = GetMoveCopyItemTarget(currselectrect);
+
+			if (forcemessage || preventry !== currentry)
+			{
+				if (currentry && currentry.type === 'folder' && (!(currentry.id in selecteditemsmap)))  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), numselecteditems, currentry.name)));
+				else  $this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + '...'), numselecteditems)));
+			}
+
+			Object.assign(prevselectrect, currselectrect);
+
+			if (final)  return { folder: folder, entry: currentry };
+		};
+
+		var movenewpos = {}, movecopyoverlay, movecopyoverlaysize = {};
+		var MoveCopyHandler = function(e) {
+			e.preventDefault();
+
+			lastmouseevent = e;
+
+			var rect = elems.itemsscrollwrapinner.getBoundingClientRect();
+
+			movenewpos = {
+				x: e.clientX - rect.left,
+				y: e.clientY - rect.top
+			};
+
+			if (movenewpos.x < 0)  movenewpos.x = 0;
+			if (movenewpos.x > rect.width)  movenewpos.x = rect.width;
+			if (movenewpos.y < 0)  movenewpos.y = 0;
+			if (movenewpos.y > rect.height)  movenewpos.y = rect.height;
+
+			if (!movingitems && (Math.abs(movenewpos.x - selectanchorpos.x) > 8 || Math.abs(movenewpos.y - selectanchorpos.y) > 8))
+			{
+				// Initialize the move/copy operation.
+				movingitems = true;
+				copyitems = ('_fe_ctrl' in e ? e._fe_ctrl : e.ctrlKey);
+
+				elems.itemswrap.classList.add('fe_fileexplorer_items_move_copy');
+
+				UpdateMoveCopyItemsDisplay(movenewpos, true);
+
+				// Stop the no move/copy handler since a move/copy operation has started.
+				if (scrollnomoveinfo)
+				{
+					if (scrollnomoveinfo.origevent.ctrlKey || scrollnomoveinfo.origevent.target.tagName === 'INPUT' || scrollnomoveinfo.origevent.button == 2 || selectmodemulti)
+					{
+						$this.SetSelectedItems([scrollnomoveinfo.origelem.dataset.feid], true);
+					}
+
+					scrollnomoveinfo = null;
+				}
+
+				window.removeEventListener('mouseup', ScrollNoMoveHandler, true);
+
+				// Disable clipboard overlay.
+				elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_items_clipboard_contextmenu');
+				elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_hidden');
+
+				// Create the floating icon tracking overlay.
+				movecopyoverlay = CreateNode('div', ['fe_fileexplorer_floating_drag_icon_wrap']);
+				var innernode = CreateNode('div', ['fe_fileexplorer_floating_drag_icon_wrap_inner']);
+				var iconnode = CreateNode('div', ['fe_fileexplorer_item_icon']);
+
+				if (numselecteditems > 1)  innernode.dataset.numitems = numselecteditems;
+
+				if (focuseditem === false)  iconnode.classList.add('fe_fileexplorer_item_icon_file');
+				else
+				{
+					var entries = currfolder.GetEntries();
+					var entryidmap = currfolder.GetEntryIDMap();
+					var entry = entries[entryidmap[focuseditem.dataset.feid]];
+
+					if (entry.type === 'folder')  iconnode.classList.add('fe_fileexplorer_item_icon_folder');
+					else  iconnode.classList.add('fe_fileexplorer_item_icon_file');
+				}
+
+				innernode.appendChild(iconnode);
+				movecopyoverlay.appendChild(innernode);
+				document.body.appendChild(movecopyoverlay);
+
+				movecopyoverlaysize = {
+					xdiff: Math.floor(movecopyoverlay.offsetWidth / 2),
+					ydiff: Math.floor(movecopyoverlay.offsetHeight - 8)
+				};
+
+				// Deny folder changes.
+				currfolder.SetBusyRef(1);
+			}
+
+			if (movingitems)
+			{
+				// Update the status bar.
+				var prevcopyitems = copyitems;
+
+				copyitems = ('_fe_ctrl' in e ? e._fe_ctrl : e.ctrlKey);
+
+				UpdateMoveCopyItemsDisplay(movenewpos, (prevcopyitems !== copyitems));
+
+				// Update the overlay position.
+				movecopyoverlay.style.left = (e.clientX - movecopyoverlaysize.xdiff) + 'px';
+				movecopyoverlay.style.top = (e.clientY - movecopyoverlaysize.ydiff) + 'px';
+
+
+// Implement similar auto-scroll behavior to selection boxes.
+			}
+		};
+
+		// Handle scrolling using the wheel while moving/copying items.
+		var MoveCopyScrollWheelHandler = function(e) {
+			var lastscrolltop = -1;
+			var numsame = 0;
+
+			var TempWheelScrollHandler = function(e) {
+				MoveCopyHandler(lastmouseevent);
+
+				if (autoscrolltimer)  clearInterval(autoscrolltimer);
+
+				autoscrolltimer = setInterval(TempWheelScrollHandler, 10);
+
+				if (lastscrolltop !== elems.itemsscrollwrap.scrollTop)  numsame = 0;
+				else
+				{
+					numsame++;
+
+					if (numsame >= 5)
+					{
+						clearInterval(autoscrolltimer);
+
+						autoscrolltimer = null;
+					}
+				}
+
+				lastscrolltop = elems.itemsscrollwrap.scrollTop;
+			};
+
+			TempWheelScrollHandler();
+		};
+
+		// Alter the move/copy state on keydown/keyup.
+		var MoveCopyCtrlKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (movingitems)
+			{
+				e.preventDefault();
+
+				var prevcopyitems = copyitems;
+
+				lastmouseevent._fe_ctrl = e.ctrlKey;
+				copyitems = e.ctrlKey;
+
+				UpdateMoveCopyItemsDisplay(movenewpos, (prevcopyitems !== copyitems));
+			}
+		};
+
+		var MoveCopyEndHandler = function(e) {
+			if (e)
+			{
+				if (!e.isTrusted)  return;
+
+				e.preventDefault();
+			}
+console.log('MoveCopyEndHandler');
+
+			clearInterval(autoscrolltimer);
+			autoscrolltimer = null;
+
+			window.removeEventListener('mousemove', MoveCopyHandler, true);
+			window.removeEventListener('mouseup', MoveCopyEndHandler, true);
+			window.removeEventListener('blur', MoveCopyEndHandler, true);
+			elems.itemsscrollwrap.removeEventListener('wheel', MoveCopyScrollWheelHandler);
+			window.removeEventListener('keydown', MoveCopyCtrlKeyHandler, true);
+			window.removeEventListener('keyup', MoveCopyCtrlKeyHandler, true);
+
+			if (movecopyoverlay)
+			{
+				movecopyoverlay.parentNode.removeChild(movecopyoverlay);
+				movecopyoverlay = null;
+			}
+
+			if (movingitems)
+			{
+				// Update the status bar with the final message and get the drop location.
+				var droptarget = UpdateMoveCopyItemsDisplay(movenewpos, true, true);
+
+				elems.itemswrap.classList.remove('fe_fileexplorer_items_move_copy');
+				elems.itemswrap.classList.remove('fe_fileexplorer_items_copy');
+
+//				// Restore the status bar to its previous state.
+//				UpdateSelectionsChanged();
+
+				currfolder.SetBusyRef(-1);
+			}
+		};
+*/
+
+		var StartSelectionHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Ignore when the target does not trace to the items wrapper.
+			var node = e.target;
+
+			while (node && node !== elems.itemsscrollwrap)  node = node.parentNode;
+
+			if (!node)  return;
+
+			// Don't start a selection operation if the folder is updating or busy.
+			if (!currfolder || currfolder.waiting)  return;
+
+			if (e.type === 'touchstart')
+			{
+				var rect = elems.itemsscrollwrapinner.getBoundingClientRect();
+
+				lastselecttouch = {
+					x: e.touches[0].clientX - rect.left,
+					y: e.touches[0].clientY - rect.top,
+
+					processed: false
+				};
+
+				selectanchorpos = lastselecttouch;
+			}
+			else
+			{
+				UpdateCurrFolderItemCache(false);
+
+				// If the user has selected an item, focus it.
+				if (e.target.classList.contains('fe_fileexplorer_item_wrap_inner') || e.target.closest('.fe_fileexplorer_item_wrap_inner'))
+				{
+					var elem = e.target.closest('.fe_fileexplorer_item_wrap');
+					var orignumselected = numselecteditems;
+					var origselecteditem = (elem.dataset.feid in selecteditemsmap);
+
+					if (e.ctrlKey || e.target.tagName === 'INPUT' || e.button == 2 || selectmodemulti)
+					{
+						// Ctrl or checkbox.
+						startrename = false;
+
+						$this.SetFocusItem(elem.dataset.feid, true);
+					}
+					else
+					{
+						startrename = (!currfolder.IsBusy() && !e.shiftKey && $this.hasEventListener('rename') && numselecteditems === 1 && (elem.dataset.feid in selecteditemsmap) && e.target.classList.contains('fe_fileexplorer_item_text'));
+
+						if (startrename)
+						{
+							startrenamefolder = currfolder;
+							startrenameid = elem.dataset.feid;
+						}
+
+						$this.SetFocusItem(elem.dataset.feid, !e.shiftKey);
+
+						// Select items starting at the last anchor position.
+						if (e.shiftKey || !(elem.dataset.feid in selecteditemsmap))  $this.SelectItemsFromLastAnchor(true);
+					}
+
+					// Scroll the view to show the entire row containing the selected item.
+					scrollnomoveinfo = { origelem: elem, origevent: e };
+					window.addEventListener('mouseup', ScrollNoMoveHandler, true);
+
+					// Enable right-click context menu.
+					if (e.button == 2)
+					{
+						elems.itemsclipboardoverlay.value = '   ';
+						elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+						elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_items_clipboard_contextmenu');
+					}
+
+					if (orignumselected && (e.detail > 1 || (lastselecttouch && origselecteditem && lastmousedownevent && e.timeStamp - lastmousedownevent.timeStamp < 500)))
+					{
+						// Open selected items on double-click.
+						$this.OpenSelectedItems();
+					}
+/*
+					else if ($this.hasEventListener('move') || $this.hasEventListener('copy'))
+					{
+						// Start a move/copy operation.
+						movingitems = false;
+
+						lastmouseevent = e;
+
+						var rect = elems.itemsscrollwrapinner.getBoundingClientRect();
+
+						selectanchorpos = {
+							x: e.clientX - rect.left,
+							y: e.clientY - rect.top
+						};
+console.log(selectanchorpos);
+
+						copyitems = e.ctrlKey;
+
+						prevselectrect = {
+							left: selectanchorpos.x,
+							top: selectanchorpos.y,
+							right: selectanchorpos.x,
+							bottom: selectanchorpos.y
+						};
+
+						UpdateCalculatedSelectedItemsRect(prevselectrect);
+
+						window.addEventListener('mousemove', MoveCopyHandler, true);
+						window.addEventListener('mouseup', MoveCopyEndHandler, true);
+						window.addEventListener('blur', MoveCopyEndHandler, true);
+						elems.itemsscrollwrap.addEventListener('wheel', MoveCopyScrollWheelHandler);
+						window.addEventListener('keydown', MoveCopyCtrlKeyHandler, true);
+						window.addEventListener('keyup', MoveCopyCtrlKeyHandler, true);
+					}
+*/
+				}
+				else if (lastselecttouch && !lastselecttouch.processed)
+				{
+					if (e.detail == 2 || (e.detail < 2 && (!selectmodemulti || numselecteditems === 1)))
+					{
+						$this.ClearSelectedItems(true);
+					}
+					else if (e.detail == 3)
+					{
+						$this.SelectAllItems();
+
+						selectmodemulti = (numselecteditems > 0);
+					}
+				}
+				else
+				{
+					lastmouseevent = e;
+
+					elems.itemsscrollwrap.focus();
+					elems.itemswrap.classList.add('fe_fileexplorer_items_selecting');
+
+					// Enable right-click context menu.
+					if (e.button == 2)
+					{
+						elems.itemsclipboardoverlay.value = '   ';
+						elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+						elems.itemsclipboardoverlaypastewrap.classList.add('fe_fileexplorer_items_clipboard_contextmenu');
+					}
+
+					var rect = elems.itemsscrollwrapinner.getBoundingClientRect();
+
+					selectanchorpos = {
+						x: e.clientX - rect.left,
+						y: e.clientY - rect.top
+					};
+
+					if (!e.ctrlKey && !e.shiftKey)  $this.ClearSelectedItems(true);
+
+					selectchangeinvert = e.ctrlKey;
+
+					currfolder.SetBusyRef(1);
+
+					prevselectrect = {
+						left: selectanchorpos.x,
+						top: selectanchorpos.y,
+						right: selectanchorpos.x,
+						bottom: selectanchorpos.y
+					};
+
+					UpdateCalculatedSelectedItemsRect(prevselectrect);
+
+					window.addEventListener('mousemove', SelectBoxDragHandler, true);
+					window.addEventListener('mouseup', SelectBoxEndHandler, true);
+					window.addEventListener('blur', SelectBoxEndHandler, true);
+					elems.itemsscrollwrap.addEventListener('wheel', SelectBoxScrollWheelHandler);
+				}
+
+				lastmousedownevent = e;
+
+				if (lastselecttouch)
+				{
+					if (!lastselecttouch.processed)  lastselecttouch.processed = true;
+					else  lastselecttouch = null;
+				}
+			}
+		};
+
+		elems.itemsscrollwrapinner.addEventListener('mousedown', StartSelectionHandler);
+		elems.itemsscrollwrapinner.addEventListener('touchstart', StartSelectionHandler);
+
+		var CheckboxSelectedFixHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.target.tagName === 'INPUT')
+			{
+				// Make the checkmark match the selected status.  The browser tends to invert it when the checkbox is clicked.
+				e.target.checked = e.target.parentNode.parentNode.classList.contains('fe_fileexplorer_item_selected');
+			}
+		};
+
+		elems.itemsscrollwrapinner.addEventListener('click', CheckboxSelectedFixHandler);
+
+		// Recent locations popup menu handler.
+		var RecentLocationsHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Stop the button from stealing focus.
+			e.preventDefault();
+
+			// Cancel any existing popup menu.
+			if (popupmenu)  popupmenu.Cancel();
+
+			// Force focus for mousedown to the main area.
+			if (e.type === 'mousedown')
+			{
+				var blockpopup = elems.navtool_history.classList.contains('fe_fileexplorer_block_popup');
+
+				if (blockpopup)  elems.navtool_history.classList.remove('fe_fileexplorer_block_popup');
+
+				if (!$this.HasFocus())  $this.Focus(true, true);
+				else if (document.activeElement === elems.navtool_history)
+				{
+					// Keep the popup closed if it was open.
+					$this.Focus(true, true);
+
+					if (blockpopup)  return;
+				}
+			}
+
+			// Setup popup menu options.
+			var options = {
+				items: [],
+
+				onposition: function(popupelem) {
+					popupelem.style.left = '1px';
+					popupelem.style.top = (elems.toolbar.offsetTop + elems.toolbar.offsetHeight + 1) + 'px';
+				},
+
+				onselected: function(id, item, lastelem, etype) {
+					popupmenu = null;
+					$this.Focus(true);
+					this.Destroy();
+
+					currhistory = id;
+
+					var newpath = foldermap[historystack[currhistory].folderkeys[historystack[currhistory].folderkeys.length - 1]].GetPath();
+
+					$this.SetPath(newpath);
+				},
+
+				oncancel: function(lastelem, etype) {
+					popupmenu = null;
+
+					if (lastelem)  lastelem.focus();
+
+					if (etype === 'mouse' && lastelem === elems.navtool_history)  elems.navtool_history.classList.add('fe_fileexplorer_block_popup');
+
+					this.Destroy();
+				}
+			};
+
+			// Set up menu items.
+			var minnum = currhistory - 4;
+			var maxnum = currhistory + 4;
+
+			if (minnum < 0)
+			{
+				maxnum += -minnum;
+				minnum = 0;
+			}
+
+			if (maxnum > historystack.length - 1)
+			{
+				minnum -= maxnum - (historystack.length - 1);
+				if (minnum < 0)  minnum = 0;
+				maxnum = historystack.length - 1;
+			}
+
+			for (var x = minnum; x <= maxnum; x++)
+			{
+				var temppath = foldermap[historystack[x].folderkeys[historystack[x].folderkeys.length - 1]].GetPath();
+				var item = { id: x, name: EscapeHTML(temppath[temppath.length - 1][1]) };
+
+				if (x < currhistory)  item.icon = 'fe_fileexplorer_popup_item_icon_back';
+				else if (x > currhistory)  item.icon = 'fe_fileexplorer_popup_item_icon_forward';
+				else  item.icon = 'fe_fileexplorer_popup_item_icon_check';
+
+				options.items.unshift(item);
+			}
+
+			popupmenu = new PopupMenu(elems.mainwrap, options);
+		};
+
+		elems.navtool_history.addEventListener('mousedown', RecentLocationsHandler);
+
+		var RecentLocationsKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)  RecentLocationsHandler(e);
+		};
+
+		elems.navtool_history.addEventListener('keydown', RecentLocationsKeyHandler);
+
+		// Path segment handlers.
+		var GetCurrentPathSegmentPos = function() {
+			return elems.pathsegmentswrap._fepos;
+		};
+
+		var StartPathSegmentFolderSelection = function(node) {
+			var posx = node.lastChild.offsetLeft - elems.pathsegmentsscrollwrap.scrollLeft + elems.pathsegmentsscrollwrap.offsetLeft - 18;
+			var basepath = currfolder.GetPath();
+
+			// Adjust basepath.
+			basepath = basepath.slice(0, GetCurrentPathSegmentPos() + 1);
+
+			// Apply styles.
+			node.classList.add('fe_fileexplorer_path_segment_wrap_focus');
+			node.classList.add('fe_fileexplorer_path_segment_wrap_down');
+
+			// Cancel any existing popup menu.
+			if (popupmenu)  popupmenu.Cancel();
+
+			// Setup popup menu options.
+			var options = {
+				items: [],
+
+				resizewatchers: [
+					{ elem: document.body, attr: 'offsetWidth', val: -1 }
+				],
+
+				onposition: function(popupelem) {
+					var posx2 = (posx + popupelem.offsetWidth < document.body.offsetWidth ? posx : document.body.offsetWidth - popupelem.offsetWidth - 1);
+
+					popupelem.style.left = posx2 + 'px';
+					popupelem.style.top = (elems.toolbar.offsetTop + elems.toolbar.offsetHeight) + 'px';
+				},
+
+				onselected: function(id, item, lastelem, etype) {
+					popupmenu = null;
+					$this.Focus(true);
+					this.Destroy();
+
+					// Append the selected path segment.
+					var pathitem = [item.info.id, item.name];
+					if ('attrs' in item.info)  pathitem.push(item.info.attrs);
+
+					basepath.push(pathitem);
+
+					$this.SetPath(basepath);
+				},
+
+				oncancel: function(lastelem, etype) {
+					popupmenu = null;
+
+					node.classList.remove('fe_fileexplorer_path_segment_wrap_focus');
+					node.classList.remove('fe_fileexplorer_path_segment_wrap_down');
+
+					if (lastelem)  lastelem.focus();
+
+					if (etype === 'mouse' && lastelem.classList.contains('fe_fileexplorer_path_opts'))  node.classList.add('fe_fileexplorer_block_popup');
+
+					this.Destroy();
+				},
+
+				onleft: function(lastelem) {
+					var pos = GetCurrentPathSegmentPos();
+
+					if (pos)
+					{
+						popupmenu = null;
+
+						node.classList.remove('fe_fileexplorer_path_segment_wrap_focus');
+						node.classList.remove('fe_fileexplorer_path_segment_wrap_down');
+
+						// Don't let oncancel be called because it steals focus to the wrong element.
+						this.PreventCancel();
+
+						elems.pathsegmentswrap.children[pos - 1].focus();
+
+						this.Destroy();
+
+						StartPathSegmentFolderSelection(elems.pathsegmentswrap.children[pos - 1]);
+					}
+				},
+
+				onright: function(lastelem) {
+					var pos = GetCurrentPathSegmentPos();
+
+					if (pos < elems.pathsegmentswrap.children.length - 1)
+					{
+						popupmenu = null;
+
+						node.classList.remove('fe_fileexplorer_path_segment_wrap_focus');
+						node.classList.remove('fe_fileexplorer_path_segment_wrap_down');
+
+						// Don't let oncancel be called because it steals focus to the wrong element.
+						this.PreventCancel();
+
+						elems.pathsegmentswrap.children[pos + 1].focus();
+
+						this.Destroy();
+
+						StartPathSegmentFolderSelection(elems.pathsegmentswrap.children[pos + 1]);
+					}
+				}
+			};
+
+			// Set up menu items.
+			var entries = $this.GetMappedFolderFromPath(basepath);
+
+			if (entries)
+			{
+				entries = entries.GetEntries();
+
+				for (var x = 0; x < entries.length; x++)
+				{
+					if (entries[x].type === 'folder')
+					{
+						var item = { id: options.items.length, name: EscapeHTML(entries[x].name), icon: 'fe_fileexplorer_popup_item_icon_folder', info: entries[x] };
+
+						options.items.push(item);
+					}
+				}
+
+				popupmenu = new PopupMenu(elems.mainwrap, options);
+			}
+		};
+
+		var PathSegmentMouseFocusHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Provide our own focus handling.
+			e.preventDefault();
+
+			// Find the node with a valid tab index.
+			var tabnode = elems.pathsegmentswrap.children[elems.pathsegmentswrap._fepos];
+
+			var node = e.target;
+			while (node && node !== elems.pathsegmentsscrollwrap)
+			{
+				if (node.parentNode === elems.pathsegmentswrap)
+				{
+					node.focus();
+
+					break;
+				}
+
+				node = node.parentNode;
+			}
+
+			if (node && node === elems.pathsegmentsscrollwrap && tabnode)  tabnode.focus();
+
+			// Open the menu if the collapse button was not clicked.
+			if (node && e.target.classList.contains('fe_fileexplorer_path_opts'))
+			{
+				var blockpopup = node.classList.contains('fe_fileexplorer_block_popup');
+
+				if (blockpopup)  node.classList.remove('fe_fileexplorer_block_popup');
+				else  StartPathSegmentFolderSelection(node);
+			}
+		};
+
+		elems.pathsegmentsscrollwrap.addEventListener('mousedown', PathSegmentMouseFocusHandler);
+
+		var PathSegmentFocusScrollHandler = function(e) {
+			var node = e.target;
+
+			if (node.parentNode === elems.pathsegmentswrap)
+			{
+				if (elems.pathsegmentswrap._fepos !== node._fepos)
+				{
+					node.tabIndex = 0;
+
+					elems.pathsegmentswrap.children[elems.pathsegmentswrap._fepos].tabIndex = -1;
+
+					elems.pathsegmentswrap._fepos = node._fepos;
+				}
+
+				if (node.offsetLeft - 1 < elems.pathsegmentsscrollwrap.scrollLeft)  elems.pathsegmentsscrollwrap.scrollLeft = node.offsetLeft - 1;
+				else if (node.offsetLeft + node.offsetWidth + 1 > elems.pathsegmentsscrollwrap.scrollLeft + elems.pathsegmentsscrollwrap.clientWidth)  elems.pathsegmentsscrollwrap.scrollLeft = (node.offsetLeft + node.offsetWidth + 1) - elems.pathsegmentsscrollwrap.clientWidth;
+			}
+		};
+
+		elems.pathsegmentsscrollwrap.addEventListener('focus', PathSegmentFocusScrollHandler, true);
+
+		var PathSegmentClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.target.classList.contains('fe_fileexplorer_path_name'))
+			{
+				// Go to the selected folder.
+				var currpath = currfolder.GetPath();
+
+				$this.SetPath(currpath.slice(0, GetCurrentPathSegmentPos() + 1));
+
+				$this.Focus(true);
+			}
+		};
+
+		elems.pathsegmentsscrollwrap.addEventListener('click', PathSegmentClickHandler);
+
+		var PathSegmentKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 37)
+			{
+				// Left Arrow.  Move to previous path segment.
+				e.preventDefault();
+
+				var pos = GetCurrentPathSegmentPos();
+
+				if (pos)  elems.pathsegmentswrap.children[pos - 1].focus();
+			}
+			else if (e.keyCode == 39)
+			{
+				// Right Arrow.  Move to next path segment.
+				var pos = GetCurrentPathSegmentPos();
+
+				if (pos < elems.pathsegmentswrap.children.length - 1)
+				{
+					e.preventDefault();
+
+					elems.pathsegmentswrap.children[pos + 1].focus();
+				}
+			}
+			else if (e.keyCode == 13)
+			{
+				// Enter.  Go to path.
+				e.preventDefault();
+
+				// Go to the selected folder.
+				var currpath = currfolder.GetPath();
+
+				$this.SetPath(currpath.slice(0, GetCurrentPathSegmentPos() + 1));
+
+				$this.Focus(true);
+			}
+			else if (e.keyCode == 40)
+			{
+				// Down Arrow.  Show the subfolder selection menu.
+				e.preventDefault();
+
+				var node = elems.pathsegmentswrap.children[GetCurrentPathSegmentPos()];
+
+				node.focus();
+
+				StartPathSegmentFolderSelection(node);
+			}
+		};
+
+		elems.pathsegmentsscrollwrap.addEventListener('keydown', PathSegmentKeyHandler);
+
+		// Clipboard cut/copy handler.
+		var ClipboardCutCopyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			// Do not handle cut/copy when the paste box is showing.
+			if (elems.itemsclipboardoverlaypastewrap.classList.contains('fe_fileexplorer_items_show_clipboard_overlay_paste'))  return;
+
+			e.preventDefault();
+
+			if (numselecteditems)
+			{
+				var ids = [];
+
+				for (var x in selecteditemsmap)
+				{
+					if (selecteditemsmap.hasOwnProperty(x))  ids.push(x);
+				}
+
+				var dropeffect = (e.type === 'copy' ? 'copy' : 'move');
+
+				e.clipboardData.dropEffect = dropeffect;
+				e.clipboardData.setData('application/file-explorer-clipboard', JSON.stringify({ type: dropeffect, source: main_id, group: main_group, path: currfolder.GetPath(), ids: ids }));
+				e.clipboardData.setData('text/plain', JSON.stringify({ 'application/file-explorer-clipboard' : { type: dropeffect, source: main_id, group: main_group, path: currfolder.GetPath(), ids: ids } }));
+
+				// Chromium DownloadURL support.
+				if (e.type === 'copy' && $this.hasEventListener('get_download_url'))
+				{
+					// Synchronous call only.
+					var entries = currfolder.GetEntries();
+					var entryidmap = currfolder.GetEntryIDMap();
+					var entry = entries[entryidmap[ids[0]]];
+					var result = {};
+
+					DispatchEvent('get_download_url', [result, currfolder, ids, entry]);
+
+					if (result && result.name && result.url)  e.clipboardData.setData('DownloadURL', 'application/octet-stream:' + result.name + ':' + result.url);
+				}
+
+				$this.SetNamedStatusBarText('message', EscapeHTML($this.Translate((e.type === 'copy' ? 'Copy' : 'Cut') + ' to clipboard completed')), $this.settings.messagetimeout);
+			}
+
+			ClipboardOverlayExitContextMenuHandler(e);
+		};
+
+		// Clipboard paste handler.
+		var ClipboardPasteHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			e.preventDefault();
+
+			// Attempt to read the dropped clipboard data.
+			var dropdata;
+			try
+			{
+				dropdata = JSON.parse(e.clipboardData.getData('application/file-explorer-clipboard'));
+			}
+			catch(err)
+			{
+				try
+				{
+					// Attempt to extract a text/plain variant.
+					var data = JSON.parse(e.clipboardData.getData('text/plain'));
+
+					if (data['application/file-explorer-clipboard'])  dropdata = data['application/file-explorer-clipboard'];
+				}
+				catch(err)
+				{
+				}
+			}
+
+			if (dropdata && dropdata.group === main_group && Array.isArray(dropdata.path) && Array.isArray(dropdata.ids) && dropdata.ids.length && ((dropdata.type === 'copy' && $this.hasEventListener('copy')) || (dropdata.type === 'move' && $this.hasEventListener('move'))))
+			{
+				var lasttype = 'currfolder', lastnode = null;
+
+				// If the clipboard context menu was used and the target focused item is a folder, then copy/move to the folder.
+				if (clipboardcontextmenu && focuseditem !== false && focuseditem.classList.contains('fe_fileexplorer_item_folder'))
+				{
+					lasttype = 'item';
+					lastnode = focuseditem;
+				}
+
+				// Update the status bar with a description of the operation.
+				var str = (dropdata.type === 'copy' ? 'Copying' : 'Moving');
+
+				str += (dropdata.ids.length === 1 ? ' 1 item' : ' {0} items');
+
+				if (lasttype === 'currfolder')
+				{
+					var path = currfolder.GetPath();
+
+					$this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), dropdata.ids.length, path[path.length - 1][1])));
+				}
+				else
+				{
+					var entries = currfolder.GetEntries();
+					var entryidmap = currfolder.GetEntryIDMap();
+					var entry = entries[entryidmap[lastnode.dataset.feid]];
+
+					$this.SetNamedStatusBarText('selected', EscapeHTML(FormatStr($this.Translate(str + ' to "{1}"...'), dropdata.ids.length, entry.name)));
+				}
+
+				currfolder.SetBusyRef(1);
+
+				PerformFinalMoveCopy((dropdata.source === main_id), lasttype, lastnode, dropdata.type, dropdata);
+			}
+			else if (!dropdata && e.clipboardData.files && e.clipboardData.files.length)
+			{
+				// Pasted a browser-compatible file blob (e.g. an image).
+				$this.ProcessFilesAndUpload('currfolder', null, e.clipboardData);
+			}
+			else
+			{
+				if (dropdata && dropdata.group !== main_group)  $this.SetNamedStatusBarText('message', EscapeHTML($this.Translate('Paste operation failed due to mismatched group name')), $this.settings.messagetimeout);
+				else  $this.SetNamedStatusBarText('message', EscapeHTML($this.Translate('Paste operation failed')), $this.settings.messagetimeout);
+			}
+
+			ClipboardOverlayExitContextMenuHandler(e);
+		};
+
+		elems.itemsclipboardoverlay.addEventListener('cut', ClipboardCutCopyHandler);
+		elems.itemsclipboardoverlay.addEventListener('copy', ClipboardCutCopyHandler);
+		elems.itemsclipboardoverlay.addEventListener('paste', ClipboardPasteHandler);
+
+		// Item selection keyboard handler.
+		var lasttypingts = 0, lasttypingstr = '';
+		var ItemsKeyHandler = function(e) {
+			if (!e.isTrusted || e.altKey)  return;
+
+			var updatefocus = false;
+
+			if (e.keyCode == 37)
+			{
+				// Left Arrow.  Move item selection left.
+				e.preventDefault();
+
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the previous item.
+				if (focuseditem !== false)
+				{
+					if (focuseditem.previousSibling)
+					{
+						$this.SetFocusItem(focuseditem.previousSibling.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+						updatefocus = true;
+					}
+				}
+				else if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 39)
+			{
+				// Right Arrow.  Move item selection right.
+				e.preventDefault();
+
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the next item.
+				if (focuseditem !== false)
+				{
+					if (focuseditem.nextSibling)
+					{
+						$this.SetFocusItem(focuseditem.nextSibling.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+						updatefocus = true;
+					}
+				}
+				else if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 38)
+			{
+				// Up Arrow.  Move item selection up.
+				e.preventDefault();
+
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the next row.
+				if (focuseditem !== false)
+				{
+					if (focuseditem.offsetTop !== folderitemcache.rows[0].top)
+					{
+						var num = folderitemcache.cols.length;
+						var node = focuseditem;
+
+						while (node.previousSibling && num)
+						{
+							node = node.previousSibling;
+
+							num--;
+						}
+
+						if (node !== focuseditem)
+						{
+							$this.SetFocusItem(node.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+							updatefocus = true;
+						}
+					}
+				}
+				else if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 40)
+			{
+				// Down Arrow.  Move item selection down.
+				e.preventDefault();
+
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the next row.
+				if (focuseditem !== false)
+				{
+					if (focuseditem.offsetTop !== folderitemcache.rows[folderitemcache.rows.length - 1].top)
+					{
+						var num = folderitemcache.cols.length;
+						var node = focuseditem;
+
+						while (node.nextSibling && num)
+						{
+							node = node.nextSibling;
+
+							num--;
+						}
+
+						if (node !== focuseditem)
+						{
+							$this.SetFocusItem(node.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+							updatefocus = true;
+						}
+					}
+				}
+				else if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 36)
+			{
+				// Home.  Move to first item.
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the first item.
+				if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 35)
+			{
+				// End.  Move to last item.
+				UpdateCurrFolderItemCache(false);
+
+				// Change focus to the first item.
+				if (folderitemcache.size)
+				{
+					$this.SetFocusItem(elems.itemswrap.lastChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+					updatefocus = true;
+				}
+			}
+			else if (e.keyCode == 32)
+			{
+				// Space.  Select currently focused item OR find an item if typing.
+				e.preventDefault();
+
+				UpdateCurrFolderItemCache(false);
+
+				var ts = Date.now() - 1000;
+
+				if (lasttypingts > ts)
+				{
+					// The preventDefault() stops the keypress event, so fake it.
+					e.key = ' ';
+					ItemsKeypressHandler(e);
+				}
+				else
+				{
+					if (focuseditem === false && folderitemcache.size)
+					{
+						$this.SetFocusItem(elems.itemswrap.firstChild.dataset.feid, (!e.ctrlKey && !e.shiftKey));
+
+						updatefocus = true;
+					}
+
+					if (focuseditem !== false)
+					{
+						if (e.ctrlKey)
+						{
+							$this.SetFocusItem(focuseditem.dataset.feid, true);
+
+							// Toggle item selection.  Skip toolbar and status bar update.
+							$this.ToggleItemSelection(focuseditem, false, true);
+						}
+
+						updatefocus = true;
+					}
+				}
+			}
+			else if (e.keyCode == 13)
+			{
+				// Enter.
+				e.preventDefault();
+
+				$this.OpenSelectedItems();
+			}
+			else if (e.keyCode == 46)
+			{
+				// Delete.
+				e.preventDefault();
+
+				$this.DeleteSelectedItems(!e.shiftKey);
+			}
+			else if ((e.ctrlKey || e.metaKey) && (e.keyCode == 88 || e.keyCode == 67))
+			{
+				// Ctrl/Meta + X/C.  Cut/Copy selections onto the clipboard.
+				if (numselecteditems)
+				{
+					elems.itemsclipboardoverlay.value = '';
+					elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+					elems.itemsclipboardoverlay.focus();
+
+					elems.itemsclipboardoverlay.addEventListener('keyup', ClipboardOverlayKeyHandler);
+				}
+			}
+			else if ((e.ctrlKey || e.metaKey) && e.keyCode == 86)
+			{
+				// Ctrl/Meta + V.  Paste content from the clipboard.
+				elems.itemsclipboardoverlay.value = '';
+				elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+				elems.itemsclipboardoverlay.focus();
+
+				elems.itemsclipboardoverlay.addEventListener('keyup', ClipboardOverlayKeyHandler);
+			}
+			else if (e.keyCode == 93)
+			{
+				// Context Menu.  Alternative method to Cut/Copy/Paste selections onto/from the clipboard.
+				elems.itemsclipboardoverlay.value = '   ';
+				elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+				elems.itemsclipboardoverlay.classList.add('fe_fileexplorer_items_clipboard_contextmenu');
+
+				StartClipboardOverlayMenu();
+			}
+
+			// Update scroll position and selections if the focus changed.
+			if (updatefocus)
+			{
+				$this.ScrollToFocusedItem();
+
+				// Update selections.
+				if (focuseditem !== false)
+				{
+					// Select items starting at the last anchor position.  Skip updating the toolbar and selections.
+					if (!e.ctrlKey)  $this.SelectItemsFromLastAnchor(false, true);
+
+					// Update toolbar icons.
+					UpdateToolbarIcons();
+
+					// Update the status bar and notify listeners.
+					UpdateSelectionsChanged();
+				}
+			}
+		};
+
+		elems.itemsscrollwrap.addEventListener('keydown', ItemsKeyHandler);
+
+		var lastkey = '';
+		var ItemsKeypressHandler = function(e) {
+			if (!elems.itemswrap.children.length)  return;
+
+			var ts = Date.now();
+
+			if (lasttypingts > ts - 1000)  lasttypingstr += e.key;
+			else  lasttypingstr = e.key;
+
+			lasttypingts = ts;
+
+			// Attempt to find the next match.
+			var found = false;
+			var entries = currfolder.GetEntries();
+			var entryidmap = currfolder.GetEntryIDMap();
+			var node = (focuseditem !== false && focuseditem.nextSibling ? focuseditem.nextSibling : elems.itemswrap.firstChild);
+			var pos = entryidmap[node.dataset.feid];
+
+			while (node)
+			{
+				if (lasttypingstr.localeCompare(entries[pos].name.substring(0, lasttypingstr.length), undefined, { sensitivity: 'base' }) === 0)
+				{
+					found = true;
+
+					break;
+				}
+
+				node = node.nextSibling;
+				pos++;
+			}
+
+			if (!found && focuseditem !== false)
+			{
+				node = elems.itemswrap.firstChild;
+				pos = 0;
+				while (node && node !== focuseditem)
+				{
+					if (lasttypingstr.localeCompare(entries[pos].name.substring(0, lasttypingstr.length), undefined, { sensitivity: 'base' }) === 0)
+					{
+						found = true;
+
+						break;
+					}
+
+					node = node.nextSibling;
+					pos++;
+				}
+			}
+
+			// If the same starting key is pressed multiple times, attempt to start over.
+			if (!found && lasttypingstr.length == 2 && lastkey === e.key)
+			{
+				lasttypingstr = '';
+				ItemsKeypressHandler(e);
+			}
+
+			if (found)
+			{
+				// Focus on the node.
+				$this.SetFocusItem(node.dataset.feid, true);
+
+				$this.ScrollToFocusedItem();
+
+				// Select items starting at the last anchor position.
+				$this.SelectItemsFromLastAnchor();
+			}
+
+			lastkey = e.key;
+		};
+
+		elems.itemsscrollwrap.addEventListener('keypress', ItemsKeypressHandler);
+
+		// Global keyboard handler.
+		var MainKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.ctrlKey && e.keyCode == 65)
+			{
+				// Ctrl + A.  Select all items.
+				e.preventDefault();
+
+				$this.Focus(true);
+
+				$this.SelectAllItems();
+			}
+			else if ((e.altKey && e.keyCode == 37) || e.keyCode == 8)
+			{
+				// Backspace or Alt + Left Arrow.  Navigate back.
+				e.preventDefault();
+
+				$this.HistoryBack();
+			}
+			else if (e.altKey && e.keyCode == 39)
+			{
+				// Alt + Right Arrow.  Navigate forward.
+				e.preventDefault();
+
+				$this.HistoryForward();
+			}
+			else if (e.altKey && e.keyCode == 38)
+			{
+				// Alt + Up Arrow.  Set the path to the parent folder.
+				e.preventDefault();
+
+				$this.NavigateUp();
+			}
+			else if (e.keyCode == 113)
+			{
+				// F2.  Start renaming a selected item.
+				if ($this.hasEventListener('rename'))
+				{
+					e.preventDefault();
+
+					$this.RenameSelectedItem();
+				}
+			}
+
+			// Re-dispatch this event to tools.
+			DispatchEvent('keydown', e);
+		};
+
+		elems.innerwrap.addEventListener('keydown', MainKeyHandler);
+
+
+		// Public functions.
+
+		// Checks to see if the active element is part of the main UI.
+		$this.HasFocus = function(itemsonly) {
+			var node = document.activeElement;
+
+			if (itemsonly)
+			{
+				while (node && node !== elems.itemsscrollwrap)  node = node.parentNode;
+
+				return (node === elems.itemsscrollwrap);
+			}
+			else
+			{
+				while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+				return (node === elems.mainwrap);
+			}
+		};
+
+		// Triggers focusing of the main UI.  Useful for popups.
+		$this.Focus = function(itemsonly, alwaysfocus) {
+			var node = document.activeElement;
+
+			if (alwaysfocus)
+			{
+			}
+			else if (itemsonly)
+			{
+				while (node && node !== elems.itemsscrollwrap)  node = node.parentNode;
+
+				if (node !== elems.itemsscrollwrap)  alwaysfocus = true;
+			}
+			else
+			{
+				while (node && node !== elems.mainwrap)  node = node.parentNode;
+
+				if (node !== elems.mainwrap)  alwaysfocus = true;
+			}
+
+			if (alwaysfocus)
+			{
+				if (focuseditem !== false)  focuseditem.firstChild.focus();
+				else  elems.itemsscrollwrap.focus();
+			}
+		};
+
+		// Checks to see if the active element is an item.
+		$this.HasItemFocus = function() {
+			var node = document.activeElement;
+
+			return (focuseditem !== false && node && node.parentNode === focuseditem);
+		};
+
+		// Returns the currently focused item node.
+		$this.GetFocusedItem = function() {
+			return focuseditem;
+		};
+
+		// Returns the currently focused item ID.
+		$this.GetFocusedItemID = function() {
+			return (focuseditem !== false ? focuseditem.dataset.feid : false);
+		};
+
+		// Returns whether or not the specified folder is in the refcounted folder map.
+		// This can return false if the user navigated back during a complex operation (e.g. rename, Destroy() called).
+		$this.IsMappedFolder = function(folder) {
+			if (currfolder === folder)  return true;
+
+			for (var x in foldermap)
+			{
+				if (foldermap.hasOwnProperty(x) && folder === foldermap[x])  return true;
+			}
+
+			return false;
+		};
+
+		// Returns the current folder.
+		$this.GetCurrentFolder = function() {
+			return currfolder;
+		};
+
+		// Returns selected item IDs.
+		$this.GetSelectedItemIDs = function() {
+			var result = [];
+
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))  result.push(x);
+			}
+
+			return result;
+		};
+
+		$this.GetSelectedFolderEntries = function() {
+			var entries = currfolder.GetEntries();
+			var result = [];
+
+			for (var x = 0; x < entries.length; x++)
+			{
+				if (entries[x].id in selecteditemsmap)  result.push(entries[x]);
+			}
+
+			return result;
+		};
+
+		// Returns whether or not the specified item is selected.
+		$this.IsSelectedItem = function(id) {
+			return (id in selecteditemsmap);
+		};
+
+		// Sets selected items.
+		$this.SetSelectedItems = function(ids, keepprev, skipuiupdate) {
+			// If the current folder is busy, then queue the change for later.
+			if (currfolder && currfolder.IsBusy())
+			{
+				currfolder.AddBusyQueueCallback($this.SetSelectedItems, [ids]);
+
+				return;
+			}
+
+			if (!currfolder || currfolder.waiting)  return;
+
+			if (!Array.isArray(ids))  return;
+
+			if (!keepprev)  $this.ClearSelectedItems(false, true);
+
+			var entryidmap = currfolder.GetEntryIDMap();
+
+			for (var x = 0; x < ids.length; x++)
+			{
+				if ((ids[x] in entryidmap) && !(ids[x] in selecteditemsmap))
+				{
+					var entrynum = entryidmap[ids[x]];
+					var elem = elems.itemswrap.children[entrynum];
+
+					elem.classList.add('fe_fileexplorer_item_selected');
+					elem.firstChild.firstChild.checked = true;
+
+					selecteditemsmap[elem.dataset.feid] = entrynum;
+					numselecteditems++;
+				}
+			}
+
+			if (!skipuiupdate)
+			{
+				// Update toolbar icons.
+				UpdateToolbarIcons();
+
+				// Update the status bar and notify listeners.
+				UpdateSelectionsChanged();
+			}
+		};
+
+		// Get the number of selected items.
+		$this.GetNumSelectedItems = function() {
+			return numselecteditems;
+		};
+
+		// Navigates to the parent folder.
+		$this.NavigateUp = function(e) {
+			if (e)  e.preventDefault();
+
+			if (!currfolder)  return;
+
+			var currpath = currfolder.GetPath();
+
+			if (currpath.length > 1)  $this.SetPath(currpath.slice(0, -1));
+		};
+
+		var ClickNavigateUpHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			$this.NavigateUp(e);
+			$this.Focus(true);
+		};
+
+		elems.navtool_up.addEventListener('mouseup', ClickNavigateUpHandler);
+
+		var NavigateUpKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)
+			{
+				$this.NavigateUp(e);
+
+				// Steal focus back from the main area.  This needs to happen to allow focused item scrolling to take place.
+				if (elems.navtool_up.tabIndex == 0)  elems.navtool_up.focus();
+				else  elems.navtool_history.focus();
+			}
+		};
+
+		elems.navtool_up.addEventListener('keydown', NavigateUpKeyHandler);
+
+		// Navigates back one history level.
+		$this.HistoryBack = function(e) {
+			if (e)  e.preventDefault();
+
+			if (currhistory > 0)
+			{
+				currhistory--;
+
+				var newpath = foldermap[historystack[currhistory].folderkeys[historystack[currhistory].folderkeys.length - 1]].GetPath();
+
+				$this.SetPath(newpath);
+			}
+		};
+
+		var ClickHistoryBackHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			$this.HistoryBack(e);
+			$this.Focus(true);
+		};
+
+		elems.navtool_back.addEventListener('mouseup', ClickHistoryBackHandler);
+
+		var HistoryBackKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)
+			{
+				$this.HistoryBack(e);
+
+				// Steal focus back from the main area.  This needs to happen to allow focused item scrolling to take place.
+				if (currhistory > 0)  elems.navtool_back.focus();
+				else if (currhistory < historystack.length - 1)  elems.navtool_forward.focus();
+				else  elems.navtool_history.focus();
+			}
+		};
+
+		elems.navtool_back.addEventListener('keydown', HistoryBackKeyHandler);
+
+		// Navigates forward one history level.
+		$this.HistoryForward = function(e) {
+			if (e)  e.preventDefault();
+
+			if (currhistory > -1 && currhistory < historystack.length - 1)
+			{
+				currhistory++;
+
+				var newpath = foldermap[historystack[currhistory].folderkeys[historystack[currhistory].folderkeys.length - 1]].GetPath();
+
+				$this.SetPath(newpath);
+			}
+		};
+
+		var ClickHistoryForwardHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			$this.HistoryForward(e);
+			$this.Focus(true);
+		};
+
+		elems.navtool_forward.addEventListener('mouseup', ClickHistoryForwardHandler);
+
+		var HistoryForwardKeyHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)
+			{
+				$this.HistoryForward(e);
+
+				// Steal focus back from the main area.  This needs to happen to allow focused item scrolling to take place.
+				if (currhistory < historystack.length - 1)  elems.navtool_forward.focus();
+				else if (currhistory > 0)  elems.navtool_back.focus();
+				else  elems.navtool_history.focus();
+			}
+		};
+
+		elems.navtool_forward.addEventListener('keydown', HistoryForwardKeyHandler);
+
+		// Returns the internal elements object for use with certain tools.
+		$this.GetElements = function() {
+			return elems;
+		};
+
+		// Export internal functions.  Useful for creating custom tools.
+		$this.EscapeHTML = EscapeHTML;
+		$this.FormatStr = FormatStr;
+		$this.GetDisplayFilesize = GetDisplayFilesize;
+		$this.CreateNode = CreateNode;
+		$this.DebounceAttributes = DebounceAttributes;
+		$this.PrepareXHR = PrepareXHR;
+
+		$this.GetScrollLineHeight = function() {
+			return scrolllineheight;
+		};
+
+		// Starts an indicator for a long-running operation (e.g rename).
+		var operationtimeout = null, operationrefs = 0;
+		$this.StartOperationIndicator = function() {
+			operationrefs++;
+
+			elems.innerwrap.classList.add('fe_fileexplorer_operation_in_progress');
+
+			if (operationtimeout)  clearTimeout(operationtimeout);
+
+			operationtimeout = setTimeout(function() {
+				elems.innerwrap.classList.remove('fe_fileexplorer_operation_in_progress');
+
+				operationtimeout = null;
+
+				operationrefs = 0;
+			}, 15000);
+		};
+
+		// Stops the indicator used for long-running operations (e.g. rename).
+		$this.StopOperationIndicator = function() {
+			operationrefs--;
+
+			if (operationrefs <= 0)
+			{
+				elems.innerwrap.classList.remove('fe_fileexplorer_operation_in_progress');
+
+				if (operationtimeout)
+				{
+					clearTimeout(operationtimeout);
+
+					operationtimeout = null;
+				}
+
+				operationrefs = 0;
+			}
+		};
+
+		// Renames the selected item if only one item is selected.
+		var textareaoverlayinst;
+		$this.RenameSelectedItem = function() {
+			if (currfolder && currfolder.IsBusy())
+			{
+				currfolder.AddBusyQueueCallback($this.RenameSelectedItem, []);
+
+				return;
+			}
+
+			if (!currfolder || currfolder.waiting || (('canmodify' in currfolder.GetAttributes()) && !currfolder.GetAttributes().canmodify))  return;
+
+			if (!$this.hasEventListener('rename') || numselecteditems !== 1)  return;
+
+			var pos = -1;
+			var node = null;
+			for (var x in selecteditemsmap)
+			{
+				if (selecteditemsmap.hasOwnProperty(x))
+				{
+					pos = selecteditemsmap[x];
+					node = elems.itemswrap.children[pos];
+				}
+			}
+
+			if (!node)  return;
+
+			$this.SetFocusItem(node.dataset.feid, true);
+
+			node.firstChild.lastChild.classList.add('fe_fileexplorer_invisible');
+
+			var origfolder = currfolder;
+			var entries = currfolder.GetEntries();
+			var origentry = entries[pos];
+			var pos2 = origentry.name.lastIndexOf('.');
+
+			currfolder.SetBusyRef(1);
+
+			var options = {
+				initvalue: origentry.name,
+				initselstart: 0,
+				initselend: (origentry.type === 'file' && pos2 > 0 ? pos2 : -1),
+
+				resizewatchers: [
+					{ elem: node, attr: 'offsetLeft', val: -1 },
+					{ elem: elems.itemsscrollwrap, attr: 'offsetHeight', val: -1 }
+				],
+
+				onposition: function(textelem) {
+					// Size the textarea so it expands first toward the bottom of the scroll region and then toward the top of the scroll region.
+					textelem.style.left = node.offsetLeft + 'px';
+					textelem.style.width = node.offsetWidth + 'px';
+
+					var finalheight = Math.min(elems.itemsscrollwrap.offsetHeight - 1, textelem.scrollHeight + 2);
+					textelem.style.top = (node.offsetTop + node.firstChild.lastChild.offsetTop - 2 + finalheight <= elems.itemsscrollwrap.scrollTop + elems.itemsscrollwrap.offsetHeight - 2 ? node.offsetTop + node.firstChild.lastChild.offsetTop - 2 : elems.itemsscrollwrap.scrollTop + elems.itemsscrollwrap.offsetHeight - 2 - finalheight) + 'px';
+					textelem.style.height = finalheight + 'px';
+				},
+
+				ondone: function(val, lastelem, etype) {
+					var $this2 = this;
+
+					var calledback = false;
+					var renamecallback = function(newentry) {
+						if (calledback || destroyinprogress)  return;
+
+						calledback = true;
+
+						$this.StopOperationIndicator();
+
+						if (typeof newentry === 'object')
+						{
+							node.firstChild.lastChild.classList.remove('fe_fileexplorer_invisible');
+
+							$this.SetNamedStatusBarText('message', '');
+
+							if (lastelem && focuseditem && lastelem === focuseditem.firstChild)
+							{
+								lastelem.focus();
+
+								$this.ScrollToFocusedItem();
+							}
+
+							textareaoverlayinst = null;
+
+							// May trigger various changes including folder navigation.
+							currfolder.SetBusyRef(-1);
+
+							if ($this.IsMappedFolder(origfolder))
+							{
+								origfolder.SetEntry(newentry);
+
+								// If the item ID changed, then update focus and selection information and remove the original entry.
+								if (origentry.id !== newentry.id)
+								{
+									if (currfolder === origfolder)
+									{
+										if (focuseditem !== false && origentry.id === focuseditem.dataset.feid)
+										{
+											$this.SetFocusItem(newentry.id, true);
+
+											$this.ScrollToFocusedItem();
+										}
+
+										if (origentry.id in selecteditemsmap)  $this.SetSelectedItems([newentry.id], true);
+									}
+
+									origfolder.RemoveEntry(origentry.id);
+								}
+
+								$this2.Destroy();
+							}
+						}
+						else
+						{
+							// Reset the widget status.
+							$this2.ResetAllowCancelDone();
+
+							$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Renaming "{0}" to "{1}" failed.' + (typeof newentry === 'string' ? '  {2}' : '')), origentry.name, val, newentry)), $this.settings.messagetimeout);
+						}
+					};
+
+					$this.StartOperationIndicator();
+
+					$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Renaming "{0}" to "{1}"...'), origentry.name, val)), $this.settings.messagetimeout);
+
+					// Creates a copy of the original entry to pass to the rename event handler.
+					DispatchEvent('rename', [renamecallback, currfolder, Object.assign({}, origentry), val]);
+				},
+
+				oncancel: function(lastelem, etype) {
+					node.firstChild.lastChild.classList.remove('fe_fileexplorer_invisible');
+
+					if (lastelem && focuseditem && lastelem === focuseditem.firstChild)
+					{
+						lastelem.focus();
+
+						$this.ScrollToFocusedItem();
+					}
+
+					textareaoverlayinst = null;
+
+					this.Destroy();
+
+					currfolder.SetBusyRef(-1);
+				},
+			};
+
+			textareaoverlayinst = new TextareaOverlay(elems.itemsscrollwrapinner, options);
+		};
+
+		// Deletes selected items.
+		$this.DeleteSelectedItems = function(recycle) {
+			if (currfolder && currfolder.IsBusy())
+			{
+				currfolder.AddBusyQueueCallback($this.DeleteSelectedItems, [recycle]);
+
+				return;
+			}
+
+			if (!currfolder || currfolder.waiting || (('canmodify' in currfolder.GetAttributes()) && !currfolder.GetAttributes().canmodify))  return;
+
+			if (!$this.hasEventListener('delete') || !numselecteditems)  return;
+
+			currfolder.SetBusyRef(1);
+
+			// Copy existing objects for later use.
+			var origfolder = currfolder;
+			var selecteditemsmap2 = Object.assign({}, selecteditemsmap);
+			var numselecteditems2 = numselecteditems;
+
+			var calledback = false;
+			var deletecallback = function(success) {
+				if (calledback || destroyinprogress)  return;
+
+				calledback = true;
+
+				$this.StopOperationIndicator();
+
+				if (!$this.IsMappedFolder(origfolder))  return;
+
+				if (success === true)
+				{
+					$this.SetNamedStatusBarText('message', '');
+
+					currfolder.SetBusyRef(-1);
+
+					if (currfolder === origfolder)
+					{
+						if (numselecteditems2 === 1)
+						{
+							// Removing a single entry is slightly less expensive than removing multiple entries.
+							for (var x in selecteditemsmap2)
+							{
+								if (selecteditemsmap2.hasOwnProperty(x))
+								{
+									if (focuseditem !== false && focuseditem.dataset.feid === x)
+									{
+										if (focuseditem.nextSibling)  $this.SetFocusItem(focuseditem.nextSibling.dataset.feid, true);
+										else if (focuseditem.previousSibling)  $this.SetFocusItem(focuseditem.previousSibling.dataset.feid, true);
+
+										$this.ScrollToFocusedItem();
+									}
+
+									currfolder.RemoveEntry(x);
+								}
+							}
+						}
+						else
+						{
+							var entries = currfolder.GetEntries();
+							var entries2 = [];
+							for (var x = 0; x < entries.length; x++)
+							{
+								if (!(entries[x].id in selecteditemsmap2))  entries2.push(entries[x]);
+							}
+
+							// Adjust the focused item.
+							if (focuseditem !== false && (focuseditem.dataset.feid in selecteditemsmap2))
+							{
+								var node = focuseditem.nextSibling;
+								while (node && (node.dataset.feid in selecteditemsmap2))  node = node.nextSibling;
+
+								if (!node)
+								{
+									node = focuseditem.previousSibling;
+									while (node && (node.dataset.feid in selecteditemsmap2))  node = node.previousSibling;
+								}
+
+								if (node)
+								{
+									$this.SetFocusItem(node.dataset.feid, true);
+									$this.ScrollToFocusedItem();
+								}
+							}
+
+							currfolder.SetEntries(entries2);
+						}
+
+						$this.RefreshFolders();
+					}
+				}
+				else
+				{
+					$this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Deleting items failed.' + (typeof success === 'string' ? '  {0}' : '')), success)), $this.settings.messagetimeout);
+
+					currfolder.SetBusyRef(-1);
+
+					if (currfolder === origfolder)  $this.RefreshFolders(true);
+				}
+			};
+
+			$this.StartOperationIndicator();
+
+			if (numselecteditems === 1)  $this.SetNamedStatusBarText('message', EscapeHTML($this.Translate('Deleting 1 item...')), $this.settings.messagetimeout);
+			else  $this.SetNamedStatusBarText('message', EscapeHTML(FormatStr($this.Translate('Deleting {0} items...'), numselecteditems)), $this.settings.messagetimeout);
+
+			DispatchEvent('delete', [deletecallback, currfolder, $this.GetSelectedItemIDs(), $this.GetSelectedFolderEntries(), recycle]);
+		};
+
+		// Checks whether or not Destroy was called.
+		$this.IsDestroyed = function() {
+			return destroyinprogress;
+		};
+
+		// Destroys the instance.
+		$this.Destroy = function() {
+			// Remove event listeners, timeouts, and intervals.  There are quite a few.
+			destroyinprogress = true;
+
+			// Force clear all busy queue callbacks across all mapped folders.
+			for (var x in foldermap)
+			{
+				if (foldermap.hasOwnProperty(x))
+				{
+					foldermap[x].ClearBusyQueueCallbacks();
+
+					DecrementMappedFolderRefCount(foldermap[x]);
+				}
+			}
+
+			// Destroy tools and anything else that is listening for the destroy event.
+			DispatchEvent('destroy');
+			tools = [];
+
+			// Reset a number of instance globals.
+			triggers = {};
+			historystack = [];
+			currhistory = -1;
+
+			selecteditemsmap = {};
+			focuseditem = false;
+
+			// Cancel the popup menu and/or rename text overlay.
+			if (popupmenu)  popupmenu.Cancel();
+			if (textareaoverlayinst)  textareaoverlayinst.Cancel();
+
+			for (var x in elems.statusbartextsegmentmap)
+			{
+				if (elems.statusbartextsegmentmap.hasOwnProperty(x) && elems.statusbartextsegmentmap[x].timeout)
+				{
+					clearTimeout(elems.statusbartextsegmentmap[x].timeout);
+
+					elems.statusbartextsegmentmap[x].timeout = null;
+				}
+			}
+
+			window.removeEventListener('resize', statusbarresizewatch.Start, true);
+			statusbarresizewatch.Destroy();
+			statusbarresizewatch = null;
+
+			if (internalcapturerefs)
+			{
+				capturingrefs -= internalcapturerefs;
+				internalcapturerefs = 0;
+
+				window.removeEventListener('popstate', CapturePopStateHandler, true);
+
+				if (window.history.state && window.history.state._fileexplorer)  window.history.back();
+			}
+
+			elems.mainwrap.removeEventListener('mouseenter', CaptureMouseEnterHandler);
+			elems.mainwrap.removeEventListener('mouseleave', CaptureMouseLeaveHandler);
+
+			elems.mainwrap.removeEventListener('mousedown', MainWrapFocusMouseHandler);
+			elems.mainwrap.removeEventListener('mouseup', MainWrapFocusMouseHandler);
+			elems.mainwrap.removeEventListener('click', MainWrapFocusMouseHandler);
+
+			window.removeEventListener('mousedown', InnerWrapBlurHandler, true);
+			window.removeEventListener('blur', InnerWrapWindowBlurHandler, true);
+			window.removeEventListener('focus', FocusKeyHandler, true);
+
+			elems.bodytoolbar.removeEventListener('keydown', ToolbarKeyHandler);
+			elems.bodytoolsscrollwrap.removeEventListener('focus', ToolbarToolFocusHandler, true);
+
+			// Cancel all thumbnails.
+			for (var x in queuedthumbs)
+			{
+				if (queuedthumbs.hasOwnProperty(x))  fe_thumbnailloader.RemoveFromQueue(x);
+			}
+
+			queuedthumbs = {};
+			queuedthumbfailed = {};
+
+			elems.itemsscrollwrap.removeEventListener('scroll', thumbnailscrollwatch.Start);
+			window.removeEventListener('resize', thumbnailscrollwatch.Start, true);
+			thumbnailscrollwatch.Destroy();
+			thumbnailscrollwatch = null;
+
+			folderitemcache = null;
+
+			elems.pathsegmentsscrollwrap.removeEventListener('wheel', ConvertVertToHorzScroll);
+			elems.navtools.removeEventListener('keydown', NavToolsKeyHandler);
+
+			if (currfolder)
+			{
+				currfolder.removeEventListener('set_entries', SetFolderEntriesHandler);
+				currfolder.removeEventListener('remove_entry', RemoveFolderEntryHandler);
+			}
+
+			selectanchorpos = null;
+			prevselectrect = null;
+			selectbox = null;
+			lastmouseevent = null;
+
+			if (autoscrolltimer)
+			{
+				clearInterval(autoscrolltimer);
+				autoscrolltimer = null;
+			}
+
+			lastselecttouch = null;
+			lastmousedownevent = null;
+
+			// Clean up a ton of event handlers related to clipboard handling.  There are a couple of DOM changes too but it is not a big deal.
+			ClipboardOverlayExitContextMenuHandler();
+
+			// Cancel any rename start operation in progress.
+			CancelRenameHandler();
+			startrenamefolder = null;
+			startrenameid = null;
+
+			scrollnomoveinfo = null;
+
+			movecopydata = false;
+			elems.itemswrap.removeEventListener('dragstart', MoveCopyDragStartHandler);
+			elems.itemswrap.removeEventListener('dragend', MoveCopyDragEndHandler);
+			elems.innerwrap.removeEventListener('dragenter', MoveCopyDragEnterHandler);
+			elems.innerwrap.removeEventListener('dragover', MoveCopyDragOverHandler);
+			elems.innerwrap.removeEventListener('dragleave', MoveCopyDragLeaveHandler);
+			elems.innerwrap.removeEventListener('drop', MoveCopyDropHandler);
+
+			// Stop all progress trackers.
+			if (progresstrackers.length)  ProgressCancelAllHandler();
+
+			progresstrackers = [];
+			if (progresstrackerinterval)
+			{
+				clearInterval(progresstrackerinterval);
+				progresstrackerinterval = null;
+			}
+
+			PreFinishProgressDisplay();
+
+			elems.statusbaractionprogresscancelwrap.removeEventListener('click', ProgressCancelAllHandler);
+			elems.statusbaractionprogresscancelwrap.removeEventListener('keydown', ProgressCancelKeydownHandler);
+
+			// Clear folder refresh interval used during uploads.
+			if (uploadfolderinterval)
+			{
+				clearInterval(uploadfolderinterval);
+				uploadfolderinterval = null;
+			}
+
+			// Remove a bunch more event handlers.
+			window.removeEventListener('mouseup', ScrollNoMoveHandler, true);
+
+			window.removeEventListener('mousemove', SelectBoxDragHandler, true);
+			window.removeEventListener('mouseup', SelectBoxEndHandler, true);
+			window.removeEventListener('blur', SelectBoxEndHandler, true);
+			elems.itemsscrollwrap.removeEventListener('wheel', SelectBoxScrollWheelHandler);
+
+			elems.itemsscrollwrapinner.removeEventListener('mousedown', StartSelectionHandler);
+			elems.itemsscrollwrapinner.removeEventListener('touchstart', StartSelectionHandler);
+			elems.itemsscrollwrapinner.removeEventListener('click', CheckboxSelectedFixHandler);
+
+			elems.navtool_history.removeEventListener('mousedown', RecentLocationsHandler);
+			elems.navtool_history.removeEventListener('keydown', RecentLocationsKeyHandler);
+
+			elems.pathsegmentsscrollwrap.removeEventListener('mousedown', PathSegmentMouseFocusHandler);
+			elems.pathsegmentsscrollwrap.removeEventListener('focus', PathSegmentFocusScrollHandler, true);
+			elems.pathsegmentsscrollwrap.removeEventListener('click', PathSegmentClickHandler);
+			elems.pathsegmentsscrollwrap.removeEventListener('keydown', PathSegmentKeyHandler);
+
+			elems.itemsscrollwrap.removeEventListener('cut', ClipboardCutCopyHandler);
+			elems.itemsscrollwrap.removeEventListener('copy', ClipboardCutCopyHandler);
+			elems.itemsscrollwrap.removeEventListener('paste', ClipboardPasteHandler);
+
+			elems.itemsclipboardoverlay.removeEventListener('cut', ClipboardCutCopyHandler);
+			elems.itemsclipboardoverlay.removeEventListener('copy', ClipboardCutCopyHandler);
+			elems.itemsclipboardoverlay.removeEventListener('paste', ClipboardPasteHandler);
+
+			lasttypingstr = '';
+			lastkey = '';
+
+			elems.itemsscrollwrap.removeEventListener('keydown', ItemsKeyHandler);
+			elems.itemsscrollwrap.removeEventListener('keypress', ItemsKeypressHandler);
+
+			elems.innerwrap.removeEventListener('keydown', MainKeyHandler);
+
+			elems.navtool_up.removeEventListener('mouseup', ClickNavigateUpHandler);
+			elems.navtool_up.removeEventListener('keydown', NavigateUpKeyHandler);
+			elems.navtool_back.removeEventListener('mouseup', ClickHistoryBackHandler);
+			elems.navtool_back.removeEventListener('keydown', HistoryBackKeyHandler);
+			elems.navtool_forward.removeEventListener('mouseup', ClickHistoryForwardHandler);
+			elems.navtool_forward.removeEventListener('keydown', HistoryForwardKeyHandler);
+
+			if (operationtimeout)
+			{
+				clearTimeout(operationtimeout);
+
+				operationtimeout = null;
+			}
+
+			// Remove DOM elements.
+			while (elems.pathsegmentswrap.firstChild)  elems.pathsegmentswrap.removeChild(elems.pathsegmentswrap.lastChild);
+
+			while (elems.itemswrap.firstChild)
+			{
+				elems.itemswrap.removeChild(elems.itemswrap.lastChild);
+			}
+
+			for (var node in elems)
+			{
+				if (Array.isArray(elems[node]))
+				{
+					for (var x = 0; x < elems[node].length; x++)
+					{
+						if (elems[node][x].parentNode)  elems[node][x].parentNode.removeChild(elems[node][x]);
+					}
+				}
+				else if (elems[node].parentNode)
+				{
+					elems[node].parentNode.removeChild(elems[node]);
+				}
+			}
+
+			// Remaining cleanup.
+			elems = null;
+
+			$this.settings = Object.assign({}, defaults);
+
+			currfolder = false;
+			$this = null;
+			parentelem = null;
+			options = null;
+		};
+
+
+		// Create tool instances.  Needs to come after DOM-style and public functions to allow tools to register for various events.
+		var tools = [], numtoolbuttons = 0, numtoolbuttongroups;
+
+		var UpdateLastUsedToolButtonHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			if (!e.target.classList.contains('fe_fileexplorer_disabled'))
+			{
+				elems.bodytools.forEach(function(elem) {
+					elem.tabIndex = (elem === e.target && !elem.classList.contains('fe_fileexplorer_disabled') ? 0 : -1);
+				});
+			}
+		};
+
+		$this.AddToolbarButton = function(classname, title) {
+			var node = CreateNode('button', [classname, 'fe_fileexplorer_disabled'], { title: title, tabIndex: -1 });
+
+			node.addEventListener('click', UpdateLastUsedToolButtonHandler);
+
+			if (numtoolbuttons && !numtoolbuttongroups)  elems.bodytoolbar.appendChild(CreateNode('div', ['fe_fileexplorer_folder_tool_separator']));
+
+			elems.bodytoolbar.appendChild(node);
+			elems.bodytools.push(node);
+
+			numtoolbuttons++;
+			numtoolbuttongroups++;
+
+			return node;
+		};
+
+		for (var x = 0; x < coretools.length; x++)
+		{
+			numtoolbuttongroups = 0;
+
+			for (var x2 = 0; x2 < coretools[x].length; x2++)
+			{
+				tools.push(new coretools[x][x2]($this));
+			}
+		}
+
+		if (numtoolbuttons)  elems.bodytoolsscrollwrap.classList.remove('fe_fileexplorer_hidden');
+
+		// Set the initial path.
+		$this.SetPath($this.settings.initpath);
+	};
+
+
+	// Export internal mini-classes for reusability purposes.
+	window.FileExplorer.ImageLoader = ImageLoader;
+	window.FileExplorer.PopupMenu = PopupMenu;
+	window.FileExplorer.TextareaOverlay = TextareaOverlay;
+
+
+	// Global function to register a tool.
+	window.FileExplorer.RegisterTool = function(groupnum, tool) {
+		while (groupnum >= coretools.length)  coretools.push([]);
+
+		coretools[groupnum].push(tool);
+	};
+
+
+	// Core tools.
+	var FileExplorerTool_NewFolder = function(fe) {
+		if (!(this instanceof FileExplorerTool_NewFolder))  return new FileExplorerTool_NewFolder(fe);
+
+		// Do not create the tool if the tool is not enabled.
+		if (!fe.settings.onnewfolder && !fe.settings.tools.new_folder)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_new_folder', fe.Translate('New Folder (Ctrl + Ins)'));
+
+		if (fe.settings.onnewfolder)  fe.addToolEventListener('new_folder', fe.settings.onnewfolder);
+
+		var CreateFolder = function() {
+			if (!enabled)  return;
+
+			var origfolder = fe.GetCurrentFolder();
+
+			var calledback = false;
+			var createdcallback = function(newentry) {
+				if (calledback || fe.IsDestroyed())  return;
+
+				calledback = true;
+
+				fe.StopOperationIndicator();
+
+				if (typeof newentry === 'object')
+				{
+					if (fe.IsMappedFolder(origfolder))
+					{
+						fe.SetNamedStatusBarText('message', '');
+
+						origfolder.SetEntry(newentry);
+
+						if (fe.GetCurrentFolder() === origfolder)
+						{
+							fe.SetFocusItem(newentry.id, true);
+							fe.ScrollToFocusedItem();
+							fe.SetSelectedItems([newentry.id]);
+							fe.RenameSelectedItem();
+						}
+					}
+				}
+				else
+				{
+					fe.SetNamedStatusBarText('message', EscapeHTML(FormatStr(fe.Translate('Creating a new folder failed.' + (typeof newentry === 'string' ? '  {0}' : '')), newentry)), fe.settings.messagetimeout);
+				}
+			};
+
+			fe.StartOperationIndicator();
+
+			fe.SetNamedStatusBarText('message', EscapeHTML(fe.Translate('Creating a new folder...')), fe.settings.messagetimeout);
+
+			fe.DispatchToolEvent('new_folder', [createdcallback, origfolder]);
+		};
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			CreateFolder();
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var HotkeyHandler = function(e) {
+			if (e.ctrlKey && !e.shiftKey && !e.altKey && e.keyCode == 45)
+			{
+				// Ctrl + Insert.
+				e.preventDefault();
+
+				CreateFolder();
+			}
+		};
+
+		fe.addEventListener('keydown', HotkeyHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify));
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(0, FileExplorerTool_NewFolder);
+
+
+	var FileExplorerTool_NewFile = function(fe) {
+		if (!(this instanceof FileExplorerTool_NewFile))  return new FileExplorerTool_NewFile(fe);
+
+		// Do not create the tool if the tool is not enabled.
+		if (!fe.settings.onnewfile && !fe.settings.tools.new_file)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_new_file', fe.Translate('New File (Ins)'));
+
+		if (fe.settings.onnewfile)  fe.addToolEventListener('new_file', fe.settings.onnewfile);
+
+		var CreateFile = function() {
+			if (!enabled)  return;
+
+			var origfolder = fe.GetCurrentFolder();
+
+			var calledback = false;
+			var createdcallback = function(newentry) {
+				if (calledback || fe.IsDestroyed())  return;
+
+				calledback = true;
+
+				fe.StopOperationIndicator();
+
+				if (typeof newentry === 'object')
+				{
+					if (fe.IsMappedFolder(origfolder))
+					{
+						fe.SetNamedStatusBarText('message', '');
+
+						origfolder.SetEntry(newentry);
+
+						if (fe.GetCurrentFolder() === origfolder)
+						{
+							fe.SetFocusItem(newentry.id, true);
+							fe.ScrollToFocusedItem();
+							fe.SetSelectedItems([newentry.id]);
+							fe.RenameSelectedItem();
+						}
+					}
+				}
+				else
+				{
+					fe.SetNamedStatusBarText('message', EscapeHTML(FormatStr(fe.Translate('Creating a new file failed.' + (typeof newentry === 'string' ? '  {0}' : '')), newentry)), fe.settings.messagetimeout);
+				}
+			};
+
+			fe.StartOperationIndicator();
+
+			fe.SetNamedStatusBarText('message', EscapeHTML(fe.Translate('Creating a new file...')), fe.settings.messagetimeout);
+
+			fe.DispatchToolEvent('new_file', [createdcallback, origfolder]);
+		};
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			CreateFile();
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var HotkeyHandler = function(e) {
+			if (!e.ctrlKey && !e.shiftKey && !e.altKey && e.keyCode == 45)
+			{
+				// Insert.
+				e.preventDefault();
+
+				CreateFile();
+			}
+		};
+
+		fe.addEventListener('keydown', HotkeyHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify));
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(0, FileExplorerTool_NewFile);
+
+
+	var FileExplorerTool_Upload = function(fe) {
+		if (!(this instanceof FileExplorerTool_Upload))  return new FileExplorerTool_Upload(fe);
+
+		// Do not create the tool if uploading is disabled.
+		if (!fe.hasEventListener('init_upload') && !fe.settings.tools.upload)  return;
+
+		var enabled = false;
+		var inputfield = null;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_upload', fe.Translate('Upload (Ctrl + U)'));
+
+		var RemoveInputField = function() {
+			if (inputfield)
+			{
+				inputfield.removeEventListener('change', UploadFiles);
+				inputfield.parentNode.removeChild(inputfield);
+				inputfield = null;
+			}
+		};
+
+		var UploadFiles = function(e) {
+			fe.ProcessFilesAndUpload('currfolder', null, inputfield);
+
+			// Remove the field.
+			RemoveInputField();
+		};
+
+		var CreateInputField = function() {
+			RemoveInputField();
+
+			inputfield = CreateNode('input', ['fe_fileexplorer_hidden'], { type: 'file', multiple: true });
+			inputfield.addEventListener('change', UploadFiles);
+
+			fe.GetElements().mainwrap.appendChild(inputfield);
+		};
+
+		var StartSelectFiles = function() {
+			if (!enabled)  return;
+
+			if (!inputfield)  CreateInputField();
+
+			inputfield.click();
+		};
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			StartSelectFiles();
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var HotkeyHandler = function(e) {
+			if (e.ctrlKey && !e.shiftKey && !e.altKey && e.keyCode == 85)
+			{
+				// Ctrl + U.
+				e.preventDefault();
+
+				StartSelectFiles();
+			}
+		};
+
+		fe.addEventListener('keydown', HotkeyHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify));
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			RemoveInputField();
+
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(0, FileExplorerTool_Upload);
+
+
+	var FileExplorerTool_Download = function(fe) {
+		if (!(this instanceof FileExplorerTool_Download))  return new FileExplorerTool_Download(fe);
+
+		// Do not create the tool if downloading is disabled.
+		if (!fe.settings.oninitdownload && !fe.settings.tools.download)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_download', fe.Translate('Download'));
+
+		if (fe.settings.oninitdownload)  fe.addToolEventListener('init_download', fe.settings.oninitdownload);
+		if (fe.settings.ondownloadstarted)  fe.addToolEventListener('download_started', fe.settings.ondownloadstarted);
+		if (fe.settings.ondownloaderror)  fe.addToolEventListener('download_error', fe.settings.ondownloaderror);
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted || !enabled)  return;
+
+			var calledback = false;
+			var downloadcallback = function(options) {
+				if (calledback || fe.IsDestroyed())  return;
+
+				calledback = true;
+
+				if (typeof options === 'object')
+				{
+					// Create a form.
+					var method = (options.method || 'POST');
+					var formnode = CreateNode('form', ['fe_fileexplorer_hidden'], { action: options.url, method: method, enctype: 'multipart/form-data' });
+
+					if (options.params)
+					{
+						if (options.params instanceof FormData)
+						{
+							for (var entry in options.params)
+							{
+								if (typeof entry[1] === 'string')  formnode.appendChild(CreateNode('input', [], { type: 'hidden', name: entry[0], value: entry[1] }));
+							}
+						}
+						else if (Array.isArray(options.params))
+						{
+							for (var x = 0; x < options.params.length; x++)  formnode.appendChild(CreateNode('input', [], { type: 'hidden', name: options.params[x].name, value: options.params[x].value }));
+						}
+						else
+						{
+							for (var x in options.params)
+							{
+								if (options.params.hasOwnProperty(x) && typeof options.params[x] === 'string')  formnode.appendChild(CreateNode('input', [], { type: 'hidden', name: x, value: options.params[x] }));
+							}
+						}
+					}
+
+					// Create an iframe.
+					if (!('iframe' in options) || options.iframe)
+					{
+						var iframenode = CreateNode('iframe', ['fe_fileexplorer_download_iframe_wrap']);
+
+						var removeiframe = function() {
+							if (iframenode)
+							{
+								document.body.removeChild(iframenode);
+
+								iframenode = null;
+
+								fe.DispatchToolEvent('download_started', options);
+							}
+						};
+
+						// As soon as the response starts being delivered by the server, abort the request.
+						var requestresponsehandler = function(e) {
+							fe.StopOperationIndicator();
+
+							// Remove the iframe after 5 seconds.  It is extremely likely that the other download has successfully started too.
+							setTimeout(removeiframe, 5000);
+
+							if (xhr)
+							{
+								var tempxhr = xhr;
+
+								xhr = null;
+
+								tempxhr.Destroy();
+							}
+						};
+
+						// Prepare a second, independent request for the download.
+						var xhr = new PrepareXHR(options);
+
+						xhr.addEventListener('progress', requestresponsehandler);
+						xhr.addEventListener('loadend', requestresponsehandler);
+						xhr.addEventListener('timeout', requestresponsehandler);
+
+						var iframeloadhandler = function(e) {
+							if (formnode)
+							{
+								// First load.  Set the form in the iframe and submit it.
+								// The iframe contents become immediately inaccessible so any security issues are mitigated.
+								iframenode.contentWindow.document.body.appendChild(formnode);
+								formnode.submit();
+
+								formnode = null;
+
+								// Start the second download.
+								xhr.Send();
+							}
+							else if (iframenode)
+							{
+								// Second load.  Remove the iframe and cancel the XHR request.  The download also failed for some reason.
+								fe.StopOperationIndicator();
+
+								document.body.removeChild(iframenode);
+
+								iframenode = null;
+
+								if (xhr)
+								{
+									var tempxhr = xhr;
+
+									xhr = null;
+
+									tempxhr.Destroy();
+								}
+
+								fe.SetNamedStatusBarText('message', EscapeHTML(FormatStr(fe.Translate('Download failed to start'))), fe.settings.messagetimeout);
+
+								fe.DispatchToolEvent('download_error', options);
+							}
+						};
+
+						iframenode.addEventListener('load', iframeloadhandler);
+
+						document.body.appendChild(iframenode);
+					}
+					else
+					{
+						// Create a new tab/window when submitting the form.  Most browsers will close the tab/window as soon as the download dialog shows.
+						fe.StopOperationIndicator();
+
+						formnode.target = '_blank';
+
+						document.body.appendChild(formnode);
+						formnode.submit();
+						document.body.removeChild(formnode);
+					}
+
+					fe.SetNamedStatusBarText('message', EscapeHTML(FormatStr(fe.Translate('Starting download...'))), fe.settings.messagetimeout);
+				}
+				else
+				{
+					fe.StopOperationIndicator();
+
+					fe.SetNamedStatusBarText('message', EscapeHTML(FormatStr(fe.Translate('Download initialization failed.' + (typeof options === 'string' ? '  {0}' : '')), options)), fe.settings.messagetimeout);
+				}
+			};
+
+			fe.StartOperationIndicator();
+
+			fe.SetNamedStatusBarText('message', EscapeHTML(fe.Translate('Initializing download...')), fe.settings.messagetimeout);
+
+			fe.DispatchToolEvent('init_download', [downloadcallback, fe.GetCurrentFolder(), fe.GetSelectedItemIDs(), fe.GetSelectedFolderEntries()]);
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && fe.GetNumSelectedItems() > 0);
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(0, FileExplorerTool_Download);
+
+
+	var FileExplorerTool_Copy = function(fe) {
+		if (!(this instanceof FileExplorerTool_Copy))  return new FileExplorerTool_Copy(fe);
+
+		// Do not create the tool if copying is disabled.
+		if (!fe.hasEventListener('copy') && !fe.settings.tools.copy)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_copy', fe.Translate('Copy (' + (navigator.platform.indexOf('Mac') > -1 ? '\u2318' : 'Ctrl') + ' + C)'));
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted || !enabled)  return;
+
+			var elems = fe.GetElements();
+
+			elems.itemsclipboardoverlay.value = '';
+			elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+			elems.itemsclipboardoverlay.focus();
+
+			document.execCommand('copy');
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && fe.GetNumSelectedItems() > 0);
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(1, FileExplorerTool_Copy);
+
+
+	var FileExplorerTool_Paste = function(fe) {
+		if (!(this instanceof FileExplorerTool_Paste))  return new FileExplorerTool_Paste(fe);
+
+		// Do not create the tool if copying and moving are disabled.
+		if (!fe.hasEventListener('copy') && !fe.hasEventListener('move') && !fe.settings.tools.paste)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_paste', fe.Translate('Paste (' + (navigator.platform.indexOf('Mac') > -1 ? '\u2318' : 'Ctrl') + ' + V)'));
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted || !enabled)  return;
+
+			fe.ShowClipboardPasteBox();
+		};
+
+		var ToolKeyHandler = function(e) {
+			if (!e.isTrusted || !enabled)  return;
+
+			if (e.keyCode == 13 || e.keyCode == 32)
+			{
+				fe.ShowClipboardPasteBox();
+
+				fe.GetElements().itemsclipboardoverlay.focus();
+			}
+		};
+
+		node.addEventListener('mouseup', ClickHandler);
+		node.addEventListener('keyup', ToolKeyHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify));
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('mouseup', ClickHandler);
+			node.removeEventListener('keyup', ToolKeyHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(1, FileExplorerTool_Paste);
+
+
+	var FileExplorerTool_Cut = function(fe) {
+		if (!(this instanceof FileExplorerTool_Cut))  return new FileExplorerTool_Cut(fe);
+
+		// Do not create the tool if moving is disabled.
+		if (!fe.hasEventListener('move') && !fe.settings.tools.cut)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_cut', fe.Translate('Cut (' + (navigator.platform.indexOf('Mac') > -1 ? '\u2318' : 'Ctrl') + ' + X)'));
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted || !enabled)  return;
+
+			var elems = fe.GetElements();
+
+			elems.itemsclipboardoverlay.value = '';
+			elems.itemsclipboardoverlaypastewrap.classList.remove('fe_fileexplorer_hidden');
+			elems.itemsclipboardoverlay.focus();
+
+			document.execCommand('cut');
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify) && fe.GetNumSelectedItems() > 0);
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(1, FileExplorerTool_Cut);
+
+
+	var FileExplorerTool_Delete = function(fe) {
+		if (!(this instanceof FileExplorerTool_Delete))  return new FileExplorerTool_Delete(fe);
+
+		// Do not create the tool if deleting is disabled.
+		if (!fe.hasEventListener('delete') && !fe.settings.tools.delete)  return;
+
+		var enabled = false;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_delete', fe.Translate('Delete (Del)'));
+
+		var ClickHandler = function(e) {
+			if (e.isTrusted && enabled)  fe.DeleteSelectedItems(!e.shiftKey);
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var UpdateToolHandler = function(currfolder, attrs) {
+			var prevenabled = enabled;
+
+			enabled = (!currfolder.waiting && (!('canmodify' in attrs) || attrs.canmodify) && fe.GetNumSelectedItems());
+
+			if (prevenabled !== enabled)
+			{
+				if (enabled)  node.classList.remove('fe_fileexplorer_disabled');
+				else  node.classList.add('fe_fileexplorer_disabled');
+
+				fe.ToolStateUpdated();
+			}
+		};
+
+		fe.addEventListener('update_tool', UpdateToolHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(1, FileExplorerTool_Delete);
+
+
+	var FileExplorerTool_ItemCheckboxes = function(fe) {
+		if (!(this instanceof FileExplorerTool_ItemCheckboxes))  return new FileExplorerTool_ItemCheckboxes(fe);
+
+		// Do not create the tool if the device's primary input is not coarse and the tool is not specifically enabled.
+		if (!matchMedia('(pointer: coarse)').matches && !fe.settings.tools.item_checkboxes)  return;
+
+		var node = fe.AddToolbarButton('fe_fileexplorer_folder_tool_item_checkboxes', fe.Translate('Item Checkboxes'));
+
+		// Always enabled.
+		node.classList.remove('fe_fileexplorer_disabled');
+
+		var ClickHandler = function(e) {
+			if (!e.isTrusted)  return;
+
+			fe.GetElements().innerwrap.classList.toggle('fe_fileexplorer_show_item_checkboxes');
+		};
+
+		node.addEventListener('click', ClickHandler);
+
+		var DestroyToolHandler = function() {
+			node.removeEventListener('click', ClickHandler);
+		};
+
+		fe.addEventListener('destroy', DestroyToolHandler);
+	};
+
+	window.FileExplorer.RegisterTool(2, FileExplorerTool_ItemCheckboxes);
+})();
diff --git a/web/file-explorer/fileexplorer_actions.woff b/web/file-explorer/fileexplorer_actions.woff
new file mode 100755
index 0000000000000000000000000000000000000000..40c3fd155a912e8309a3b8611e8ecd287fca7380
GIT binary patch
literal 1472
zcmb7EO-NKx6#nkJZ~Pg<zot<_V)7>;&_>79NWw)4(jQbjLI`{5b4D2F$#bNUwyxY1
z1W_#_f*^*dmMs!o1d&9GmTiMT18Eb{!kNDF-jgO5g=hHg{mysKz2}~L@0*(!$Ht&Q
zi>#r}@AH8#{BOH>`B*=oYN%cpG&D!vP0iW!)H3w12wJR9D`|T{v^Vr6R?wKvF3nJT
zOPm&bi=A^ajy(-%86On1t`45eP^30Wzf(}{>Gzqre1RHckr2e8uV&pTiCd=MEKtMv
zIA<4_SKpTyAN$aqv*#RYubK0!Ao=Lg#=N_bXT6X87>U(nT0c~G5CMz_#s~VhgI;|@
zO4ZV@G}Tz?2_FSEv|cN(VN?@T6tQCopZHnG+Bhb>jjcqr!Nf58C{N1ZPa(0P%iHBL
zHIT#Ss{EzJ3}^TQY!nou8vIoP%>af@_^JQo|DRSwR9iX@R=K}cRd+XaG*x#Om8Gmx
zTUWl1s5NDkiX&Uw_l?Zf2zOA#rnb~Q>_e;Ek?M~hh*fp8A2~iSm^xhHRB{6ysZ@tR
z?XZ&XQd0K@+GV7DV0SMyDNMlBuXG)%fG*Xdx`ra^iCRBhij<xvRcpbx+qZr6*O_(3
z8mh>~;^CU$6{!?UY2vPSHl>QspZ9lm_6syhJnL<%Gno{{KSQ3`+2&Z!WW&f0)S3Q?
ze*U=>6SC8DCvm!RQ-N`gfA35wre9UuMi5aGj0BEMqhAa$VM6vyiz0?Y{0?$h#uNH-
ze>LdxUkZzokX=@f7hx{NHxSH_$Z9+bbxr+3$W8LqkVp8X_k_HP`mK;haS)sG#>`qO
zhd2^&1NC?ra!vhO$W8JOA&(%=R~*DwQC|sp6a&hfaVBSGvyM}k&$^!DVFnH++0G(M
z=AeLiG8Z1XXF1-&teZ>p^(JA7fCUD+JedUg(2L}rR@+nXB`3X@wLM&7+B6oqCmY_L
zRv2@0`9#{uIi8(&rV}@o65~_udDqSLV$820&nnVfKId0vBhP-C+6^qR9mf=-&J$8^
MFK<=;DgI%<0aI_`@c;k-

literal 0
HcmV?d00001

diff --git a/web/file-explorer/fileexplorer_sprites.png b/web/file-explorer/fileexplorer_sprites.png
new file mode 100755
index 0000000000000000000000000000000000000000..df42be61e97e7d13ddcdebf3a60a50986200f6a3
GIT binary patch
literal 10767
zcmZX4WmME}6y|S+8oCvb4(X6?2BZ}vl#=f5&Y?jN5F`W!P*M=-lo(37yPKgw8i`r|
zyL-;=p8as++xwj7z4yKEz30Yis4L;)P~iXofUlw~ul3Ku{z(Z0^Pgtx*h%_luw9k)
zJpcfg^gjUsnb{Noz}}%EFZ<Sa;RucuNH%@dtBH=z4rcty0byi>B+I?iAby+khASkK
zUV2cQ)?AhtLk05nr9W%IHB@d_fu5P60ARolB_l~DQdSPVsL#qqHP!fd+t|FS&RQme
zpWog~`|OMi4IgHoNL`O?t$g7zLMMIA*YSU=AASM?0?#7Eqci7dLr_A<BH0p;lGr0(
z{HU)>8d8gURCq6&zWUckpQmU->1|n&tobnLSOOqlIh!X%k65McFb)?Ehl$IiKDvTC
z^1NMxIUd&0!(@*j2#UATtxt%Z@IjAPFG>Raxfw4AK#$OHZ|^o)CAUWz0`R>VsRrfI
z?mc!%e8N^BIgxyw0J^4lG;HQR-~y}u?VzXO`N=rloEG=w`iV)=y33oFmoxvzV*y(C
z676{b|4F)OeSki-Cyxg7PeW%l^F;7npk2!u!UP_zcD`s-$G<)Ep2GrkKPzModbe;6
zFb)^C1(yJ!{>b9}>K%vm`?v7fKo*%s8;O@=HTlrfM2|Kc$hU=c5aelCi8uP1VSre!
zakPiiaUd-^?UtKufMFm`D3%}fLIUu*;QBFqVUOxROS6-v_y2PHe^FgI;&gG_z7i!d
zj=YnK<Xm=x=c@E#5R9dq3+y$vgF4Aid`A*D@cdNAteDpx0@B%JW6)^^Z;4fZx9(Y9
zaC!wtB)d74(=Mx`jIv^=rUyKjQQm6uAOEsS$mDJY!sEk{V*ktW==H$e%04O4$+n?K
zwkX>9@#Jf;&R3xoP!`U*q(ve5alDdg(4d*G{NdJni?<e{K&?N21PL;69mq@RCumvK
zfKe5rY2a#X){3SJWQ&n+YUu9%CC4A##<Owm7M&t*4px{2B2IfBs(>*o9&`o+!zrT2
zM(HO&^H3yx0eO4)R4tW%j$3&QxS(iy>^ydIL$XnOzwsOkPf(KZcuMqG5`Yt;*({E}
z$d+UWs39bEUl@k$bbDRT3IJDn<tcAWJ{K|%9{Yl{5oChmh{DIIv%p3oOM8igBrI9$
z_XL=!Xi&n2Fn3^gEl|qfAkg2Kw%kjaFwCNy=9LPA=uD9XqXYwhS$jk?KXA^U=XBD?
zgR(qu1R&1=`V0VO+Kj&Tj8O`FivP*A5aa*LhM=KQ86fcCz9YJCHt|zKV#QnI73p}%
z))va90RK>|f#t50agYz;_oWzu#;)K7G_9s%A0~d%pPpDk8-YQTp$97ucWZ~uxyrCS
zCNz!JG5X@>zy6Vu!EO6NR0Tjxk2y9v&rf+UI?b?hAM0=N6w!)8KG%k--cO%#Vam*5
z{!6SU$40K6-V7x4yUL0Se!^fPn=|;Z_}i8F(ooZe8enQ>Movu)KV@fUJ2XE<;1d8E
zjW1TCv$N!Pa{GmrN3qjHKcy{1N2v#tmX_v~HfL%oSg|bi_k#kISY2H`N$B&e`Ga<p
zH|+$fiNP=ADofN*qI>IQAAlc|<V<p{hP%j<UMKLtz~EQvcRD(li7~WNVLuKXD}7wi
zB?6*DB+;J>Sbr4!@<L$I_b(n4AR&g;!-ck0KpLKoK{Yh8`tl{|;V@jNiXA&y`e!~4
zhR(~0XhMebD<?2)#sUq8r|q1HgYMm2{BhnBA9>`PEU{;B8O~=Q0G*x~WP8W%v9*$e
z3$$DG9+3@5v=}Q0mZTq`9nSxHQ|NefDEkV@%a&k-_mQwO@B2-LK`d@q9^c>9OW&a~
znt|IIV-YA&t!6y}#sOjh7%^Z4j{5!E)YcL`Dk_SPys&|kfzWI27vNMVNhJtf569Bb
z(Cdrgl40XWem{!|cy67B^<AsV-%>QGs@E%fiK)YS3-kYa@&OaCtw$6AqOd(khads^
zZ%8PyoT=@U@V~2Iujn7hR_i{lD4o}MqSkoO?I?&2(A=PNls@-h1!kPt2#VRqiDOmO
zUC$C!CqGQBVxxmf(mj6|FTCViL_|RO!ehbTDKHl9gSw6SHVt_I{$63W{*>6PUU8k^
zc1+s0OV7i>rVhpIfQeM|6*nTBC>94zQ&tfF^Y)8HLe+XHNReO1Dcc_jwpdhrK6$n$
z25)ZrN8bMWu()#pgLy(eC@^6wko18Vk!J*G?C5!Yf_ZVxn@qnjgxMeL7YsV0SJqce
zlL0mRS<gVn7E>IEw!t8dYQwdc=aN>7Dmk7eyd!OgZf%|+Z${drtF7v}o_iICjB2}6
za~JcSwf@#w#U9FzBpQ01{{Z7%Bm>UgP(J}?#O^bB+zR+@I1_P}9_FlqyXmd1obq1)
z@4g=ZXYlWa8b7JUKue2n&h^Dqu3DoPPsAs@j=gPeH&tlo6X$2Y?1=T#_1@##SkoB+
zP!}xxO1jF@;VeJ|2R3BpW&g6R)O8d~dFG9+23Whb9>~xs{DIL|2kv94PAzD<(@0D9
zvi`E{{L)IH;eGz(Av6205yyt@LkrHql=lsvehB#0zLsp`J6rzE1E23}cVPjh*r(pU
z({ObV3ZV;b55<2FN2B)>LcotooB%Ni+0TDi-?9Y7{pD3l-D|g>=|A%k+&;OcVLg#3
zT&yA-i$GpVC^={ZN#FxpAy@a1Jn?J~xPCDS84unEsB%5&qK#EKJCIeD+=kgFjMle+
zr`8~1rsOCV!?}_7C`+-=$ML!7Q2ZV7Fegs>Xu30@u3`E<gjK3@FkSanO~Ae3k5w@U
zkqV|ad3CS_)o`4=UEF^=<7qXltj3Ljm{9cqNZNru!_kuUookI8XOKoNh6ZhDvobk@
zrUJ83!simk4?FA9<m1U!$*jw?YUB!&uSy0>C^&}7;<ugh8E;eFG;;o8f!3DQv0&!t
zYqLAzkz=D?&Em*GI!^uP^**_UMZmp&YNIL+RBb|6;}tFBUC(-}^vW6e=8=geP=sZ5
z(9_X!K|jr)VnCwkMUf{+J*g3^+Ak34ni)0jwC-u*EmQqKvClUBg01<U9fZi61lBg1
zO>kg=M>;#c`opYsdeY{7XY(<Lr%#E@0|c>5NuR>bI4K_K%$#^6INbs@=`rZ_+~EDV
zpG6Zy+aMtJuS9*J9bqre_2>&UBHR$7TyByWCEwX1MBDSUy}(U?a<(pS1D8i_b%H5e
zPTrJ;oAZ?${0Ob~32b68F7G>!(MC372n?$&`LkO~Zuc#7B5uUgI>XfbQXf>-3;{_#
zdPO}{@HN>fUT#|!(el?&35<wU#{eixdsZ+i)y-*sS8O{TrTG-KoNqHJ!R4d_xX=(Q
zL7CvnPq<LCi*`WXZ`YD8HlNOS5TGB#BND_RqVEen<WHgNizSeq+LNWGkQ2oz8fQ{|
zqEIj#&7AzUP=E#+r;Y(5#RB|T`@4VEe1bh=Cj*t}?)yH9S1p$VP|pJ_-_Q2~IldfT
z!sMH_Z*U?KhyG|$+}j1`kzn*?;{4Q8-pVs&>S0*Oj*!!zpaLU$;kba!)8CX!8lxWp
z!>W;VkXA+IPig+XZ#Y#(0ax}o2s$pHu74G(#?$#ew)I@j=QEagr!J-}Lnz`E<6bo(
zMo-+N{7oP9)77(kD`HuK2zqr^frzKv1afYNBw)nuKfFvBFq6epF?epTPwj^A_E;sc
zDe_p#08PW~Qh+Em2juIS3|>>&mi2-r^CuJoNe^34Q<{^}IEpsG)x=55%3;N%dm60B
zBJ4r7M$vY>(LYrq7_gKYL2!wC9tX1Y14$tCb7%nz&|U+4{vC{`Cd5u+LuB*R)TVyy
zqud$~nk*GY$$6pQ3O`@QRLW%f>GlPKDEt*WUvRea`Y3cP2?@1FMXF!3W#GbEQtYRN
zK}$iOl?a46rZ_%A@PJ?54)}=hl1Ko*iKLhmDF8GMLfH^IUlAV_!9E0J&e@k}Q-4;d
z0b6GFZ^WUX-_fMx_hJW+6ET|b4o`qvf(9T+P|t>F;7$wG;W+&&J*~(vDI?lX4ebV3
z1|fOWKyw<YH)1i9!C}#{tDvdnZwcOC**gPQRWQN*7HLN8WX}A(ud=XlFgJahM`nT<
zt(Q|sg<3=_$0Q>P4JSbNKeW;ER{mVtJD==t0gQw9Z}my@Fo1SqU|*{(veePx5HL;y
zAw*X`cCN{RT+<Q>w2&V8VZZP&_u7_}*MG;681tJJ05`HKOIlz=ggO>LnKK+jkoU8m
z)W)5rbf{_nFXqyw0UC6>E_F<UEP)2GSvw=41)<hBY_35k04s)O;gMJ`M~W}$KVjKo
zjF7+r2=&QKGx1#Jh3i8?7jYO@%UNE|h|>VxWPp{rg+rbBoUUg}!CsO~8XZRC9r0ql
zMR5`EgB6gBzayh6`>DKO_j@lvunze{V(_d`Gj#H`au$YnmcU26+BY3Qr<2^0m1fvS
zFd32NPnPcwRd9DnSb1xBrx7q~W*E)6Q`W|`md2#A%|LHm6%?%lkSU}PtkJ*%>PcRx
z`y`2>a_}QNa^y_k(75o%Q8+T2O2lzdJJPxd*Ng`17bKx|sV!trS!R#`+2X8#_f@<=
z<GRrw9;lz%js*M}#?3GWN|YOPQ+Kw2!=`dWEdjG5QK}he_%>Kiq9pL0CK8d5f@B75
z=fHocBn=qPI4U!^rHUE-G+AfF_{!)f1j_ShLnXxzrOLw$zE3s^rStYs8F7{$eITkj
zo#I$xCt7TF`t=+5%)%A=A>L_B&l|KafRcBTcT#lvHu!AsELYGfUEe8fuby&%Y`<n`
zubEw~fsMm~a{!z^yjT6Y@XsIwP=r$fR>Ux`TF0zFbPdN%hwZe~OZK@<3V^HL4hO+o
zSd|MklBE|+iwG69kx*J>9$1cCh+POhkk~y_Z+=~W1aez3?!Q`EZftpzwsZ8gy5Jz~
ztl5D@EKR@u({VHn^hM5M3Y-LRAOHr$T}zo{%ReNUlmX~;%ufIhZh$S}RwQPS@vHPK
zj{W2;=Q!q+i|4IRDSr0->MsBA=v>6#@R}1k5|wjQ(h=)&{U>|UsRAeZI+><dHbR`w
z-irZm3-5zr;?SEBq*A&LP<bpn6)^TT<XPtNad=US5%(1Bl(VFDqUFP}akI0^;5;|)
z;Tz?8ebp<gh`a5@ydQhjLN&%IBSWHR`z?UpV&5`GiT(9ECkFzE6@4Y(IB);;PrfNX
zd+qnD=Tl1t#S(=Na+8-OCU(+Uz51+!L(&I@cWEZ5DB$#E@xQt`VDOVLuN19>Yp4O8
z;GLB%HezKU{z%yYM=&*FU(-xA;<j+Tq$~L{T8Sdn$mSR@KB)x`wZYI=g{9tQ3yFlV
zFSj~sAYY72;N5blC-!vyB-$9Qb#ss5jjw#bqVX$EdPX!s{ZC&F;;#;^9&LE1e=b*A
zAbEBuAFpU6zI>J(S*{PlN=e3&`1jlOJnrMBRT+LU<gy+!<uBmb!k)SY`hQyVe{H0J
zUA{Mgp=gKK?)UGqqfaTK;&}uvLKqIL?#yVr8m?%rH>AT+Z9C#cdX1_f+Rq#wer!(V
zX_`_CQ@u`z4{cyFj#R*|F>||@^krRYwDy~l%b*i)m7A}^_;fDAt)k~eMLx1S@U%D1
zT-v*Z?vIX-QFd0_AZqcw$5Ypf<IrEm?tFdJbpdP9Ox%BEqB8|&&h+Da)G6Kt=iGpP
zv{m5=TLxj_5~%ZTrw5@rm-?so7E9O0F#!I}nB8>~dLBs#;WwE%wd=hi9by-+cV5ST
zc~CAc+)XeGZ~R(ATakPH$H;*G0mQ>#8C};Kk#=BGLZ-8GY#s;r{QQR`evjD&O?U^t
znehXSgQnj^<|28&jAf~o)xaAcRZ^Yql|<h=b}MAX$(h7QO3ExQVL^VX?|W_whKTBd
zx-Swhk!f6QqIALPcZBz!Ze`}YTu1|5eSgN7Jmx!?7=;Ho1Gfo)pZA%$u?+H?F~+e*
z>R%75$0ka&RCs&a;B1_lkf0%-*ZvgSXZ00xwUx+3AO`<qyaztMP&hOTcg}T|m@6R&
zVqN^CBTYLOk-P39(z1P9isBSzYGD7ITY1m1bqHI?YL|QWSEs}|mS1$B7WQEZ|Jy{j
z(AOU9GD)0#RNXi3!PzD=ZX;7$TfOiRtSLnr5FY?iwlofNw2UC4sHXt8O0Wh0A@4K9
zO10Y=drOR=M))RAT?_tA9A7PQ#MSf3<<n^~TaK=s?;KA`Ysv>c@Pyc}q-`IFzvhLq
zPLGMa3!n$Y4+1H^WYDAkj=gxd+oWAwj~7<&s-eALP}1LFt3~xZ3&Ig(14sx->fPcN
zXXyTpcu|vDxz}Xi`Ug(9SRGjIxbS1P_sdXrP(n-5XYE%{=>egOciXfOs4n+ll-*(3
z*zHMIdI-6=9N%;v3$S|*PGjLxAzC&>^TH^=3t5RbJzm9GYh|U+xYqj4$CmJZ-viZ|
z?dGK4Ru9PYsb`9DlEW=w>IN|N(yw$}rwD_EI&v#C?)O4~A|7DJ4a(!Dew*I>M1G6>
zV(F>6vJJ+o6=tmzI)I><WUUzCdHTy$|IuY*)t>7js<Y&J*6dcQj@?9@Q-9t?OS`RJ
zeIu~e)cU#j_bBmxG<ZRJfI8PAFsNQ=(yiQOou_azHF=G}6^9aR+u8BAWp=r5KIzO-
z7;5wCCOu4GMV!BPFdMTbZfU6@Nl;XR+Bx$rsWPoTheSk4zGsW^4M^y`ZKw=nyV$sY
z?n1EJW<Tgcj((_w8~>$3=k+y|b+6}kD;%O1T*{0?QOp2v2Y>z6#=Dk3r{E^^Ws!wA
z9PTvq8p|V9{TX56Juc>#4-`lbq3$1{DmHpD5krlwLf5=QG~d*2t8b%@TN<)8#^TT_
zJ$^MA=--xyL$Aicgr3POIl^Z1CKHg9C{1X7gWdieIPEuAeA%#<qDIRuvo=5PSnLSK
z=hsw58{SGCw}C-BnHohGVv4u}>332?E^aB&EpvneDQ&+BpCV1)O97y<yL?4-Q*t{@
z!C;~SB(5IWrL&_^+fxDdf)_4?_Po>5wk;0WFWf>;!xX$~fcQBBrv2+CU-d-YtY&+y
zHu=V*pF*klf;*)1-wrjd#ym%{RX3hQKQhr_9NdAQD00V_w<EFf8$`Yd4}P}7xl5!8
z9p8C3EN)UNqwsFjk*M6k?iOF)`t5sBekG^KC`U%zDPe08&MTAPJ0)=5$v-%#9xFFZ
zzL?{Ta5kG?*)umR98P!B18=vcC(abaBt#cf>f-E0Vs^Kt7lvf2Q2Z_(G6LY;Tkw+}
z9*>H~x?9=XkGUQLE<aKxzmq0lxE%I<cVI^!btLJLI{#&B{Ay6Q+{9AVDEInwVV3fm
zX@%->6g>~lYr4v^(H1@=zq4yfSjSK9bkwdh)evVIhW$LlH0&Y#-{8pfLq#r1mCmF+
zbw#?3v$Z8i$KT(t;^OqeVDEUn=?wO(SG57{nA7O`7cnJ7_t3>!DS@^|>t-pi_1+(C
zf2LeeG~n2<Eu|*Tm|m~FXW=3L-N6cxWao>QOq<vx`6Y_|Ase+MVpkOGuP}fad`4oV
z$2q>LG&6VDRF=rs=4L8&xOB?N+HQe1WbDr<D|3;sS+jiB=4i`l=TS<&B8#2>QWY^1
ze*zv|&cr8>=mJjfxtIL>Dg;-i6F{KcMSZ?FzEM>Vtv+*SQ=*aa<6oUwk+n(8Yrpj?
z^V0WYp$A^oxdrD`z1X6n?1)9?zM1I0ZFv3~mc`qS7adJ74FR`!9foGc?-#oO8JVjF
z7EGa906}yaI&2X=2|`3k-ov&&Kz>H<25&X%3e0t=<p*3_v-X^elTZ)!U9#WLl@i<F
z7Pb(dB6X|J4+{>ij$3`!45IvwdcTMNY%*LHrmtagSS^V{g!pWqgc0vBrm)}1$GS+w
z9zPI0=P_90;1H@N*>0;=s#P=rU<4qIzvj_nm3$7L^ti6Qs;06U=vlTgnTrefR8`f}
z*w`t5va)ncJIvBcOMew)VE8)F<Ar)t{s6zi3Oi1f=3oW5HbvXp^8;K}b=0K;&vH#{
z*d&fGN;Ji~_w==k5J&wf>sMtJa?khsVu(2yAavq_;a>h{alCS8b5%)#)_4&Fv_Gz7
zylW2SuQ(ri5|2{{O%^BYVV6ohUbxHhIy5){@yvc2;L0ZWnhG>m@$r-Eo4h22NX*C*
zs3)l`I|m2&kfI(3T#;w-?c0Qs7Qjanu)Ax*@=mDEv~5<w>7(@Rl84xrl;^UT96=lM
z$^qNt%3Wi$(vEt`{7BMbR?T7)C6=~RFtz`ce%(l}Gt=Lzkm&ArTL!{H{XgB9jGl;q
zTiQ+D#*H%sm!_8Zo=K0tobrmN_<aOMz$JXvx)kVMd~Fs3<Om`SL{8gya(ty?LD0vV
z3;dS0P>7cE670hVoJJE3;EEu@;N==kAT>@L9SM+T;gtJ~JZnzF$OyOo4o#KMMbD#`
zj_w6xbS<)>Qi|2dpCiggYp^Q{?~@#nwP{j^C=HEzcCgchZKJq788x+F$vkR0OE2zN
zD8_1pl>jLR^`v9!`t(dqV-c20*pRE{5+(wdFLV)&F?Q4jV$PAgzUg8K&@pPDg8_>e
z__P$wqMTuKg4Y;?c1#1Fr+rGtd-T-sLoDc!!hV|f6e5aqjr+>9fA*QAbAgqR6jxaU
zT5z<(*zM-~rSH##xuWrp9DP}Z9>&%>RLsJ$Y+T{Nm$%6E0gqAHK7moegTTXGsfHn4
zL*?w()UUGNKuxuuC)RviPIUaGIfm{*qp;_M3C!Lyvm6YAiKyj3Nv(>H1{+>>qzG~m
z#-weI7VaM<KP*4PgRp)$Io5#@!@ShTE4*RhN~2~5cr!miR=a^OKjzxuQ6|644mMIz
zvw`RExifd?hhY&oj<dm40u)B9i@WhJDM0&G@2s?{y8H3X=l#)!nFhTW`}xOhf;Tel
zguexqW5Pr|hBHsr*Sn&r#M;Gxu(0qi&tZ38zBt6jLi5(HaAUgWpUeFblSQ+%v<^$H
z`)C08KSSLx?vqY=s@qgFv<5&TB67j)FN@7433|DPo_%*J6qEFI9TD1aog&Yf+*FK*
zHLiCt*dkz0#8A_%-(K$6bPJJt0YVfDWzU#L$_ob_jo-DRC+z#H(AFd>C+kdsO)0$~
zTDD~X{dzVRuYU7e5ZG(Pg#ZRa&^yF>SP`!cOgp#(C8T#o-{Rw6pV{5ga!|_zB9^$7
zOm4V{ewX7!rngHIpdp>HGamkoTFibiuyU?DgH_BpNAS*MF3TgY?VONeo@05`zxTS=
zOY}Vb4=c@F{dP4VhpX)hBdlLhCRp7p-A(8~vd+vat?ChuiXYUD6_K(ksWJK$mI~M0
z#dkr6>_5Btm2B~Wy|LkJq4%J$o$OU=;1Lws0)c{vVyA)~Gf_R`7x8#!$DOpQ*)raz
zztYH=WG;#DGc5Mw59kQ89lZN*W_>BH{alZ9qKW2O2AlROO3DgIZ<=_Hb1I!ix5T9|
zz3lpkVubksRPckrMdj|c(KoLZY&DH2p^P&3sV*uN1A}Swrze)31qdtGhQ=o@*jX8i
za@BBh{g8<7N`V%nE9CbT?}7kn^w>Ea5#;?2aC%N?$_QLPbYScL<R^wc-gVu-8Jg)2
zf@cGj0Vi#=l1P~uml-;{m#8B>rA`^vkXUT+>CROkMO`1yW*4sr&0qg~ftK448B}rI
zNbhORe@QtaF6Dn}8uRb*h><s<7K8-eT{%4o>nQrREfXEr)8l)t8)mNMxf4F{e9vFD
ziK5flIPz(bOxR(ky|2bNx<Vt|k+U@UaF7-iRMKdFAv}&OKSp<FFfAOp9R{r(AS(c9
zU?;ih`IgLUqlycGT1zo*DR`i61|j18Zs4xKQ9AE-=fUC=Sr2aawI1@&x>mK|OcCoZ
zbS=&~7`){;<oG%5oUNm^UPZo+A|K(a?ID;47i=?oyRI7-aifxG#AsNZks!1+$$?)!
zCk57-Fq_}bPgAW^g=InF^_6nTE1WK!@1<2TuQl*;Vu|@K5MbqYU2F`ikM4`OyDunv
z)J|I>OMpS@IeXxSNbrAhe06C7Bn252q)BdD(4ySidAU$-Dm^YlB!KtvN*C7Jq8Z&0
z)@x*qUr;gXti69#3DKu85}7f&wDS?QK{T}Z4q}mZCt@CaJ7|&%E4F#4(ob<9zqy#C
z3@ld4n|%0tp>lpQ$%+g_J-R0B?iH_B1V5}fuC}esm!%s(#_UcKmKpqSj%3|>zHTW(
zUVWO~mN2hu4kW{D9*Nvqau>~Fi0aBd!b+i9UnFwt$vFB(;`z8J-ipsml$2oR@h{T=
zUKctC_mI&b?M6J9cx0k>>EE;6@>;<&b#rMzASz@7gtl7U*R@^#a;0H_x^?PlWg6?o
zUxCA5-g0sD&2~sxZ%b@R@Mv4j`9h2WPhI1^@2j8M(Dq=;PmbJ5MtMTZ#Xc@}(WBSj
zi``=;M=$o!ievq+qqN^hVI04ao_AzM?3m71ax;2-#?Vy^D0_S`Tl4P){q&%}ksDgH
z;NEZBJhDjW<(Y2WX}AyruH7o?0bhT=_bKifFMy$NT4FRHRPK^>?`D<phs|$X$Hgk`
zucUK6zg^zrKUw$?#qAy$>XJ!HG;>NL;jKV~heGh=7@b(0oo9{@qN!~8er<BtT5WK_
zBwd(4Rd;9->AlsO3%D9$P?wo6dz!sFpECZ3H5a|%cv<ML?pYPCF6~RH(ESG$#L42F
z*pPGgwp|IUU7K^8;>r^gUgvv}6sbEdT?;Jd%b&{uIu;ZrM?1&CIjdZ3cS&SE4?E@W
zw}v-Mozdu+gx*h|P}g;rRiO^D4n^-qgO5=y5Wv27(!zICbkt28`$*on)&G0T^!ed9
z6OuywK`)WkwKl*<bfWxO{=*x|PX!=gISunsjAqho5KROnjClNrX_#~Dy}uPx_?U%<
z4T0~hb_@*lj*c3TfTn`tl%*5zvBsCovvl5oUu+?twb-zK1X^E!<39s@n%qEZ0P@9=
znA4<+@Act)&HP>9wezxjXRa?ehQQ|t$1G8X;HS~A`kPPO;{IbAy*}<Me+)LyCm9xH
za;mblNzY~r-~1Ni{g71~@<#<70o4U|gP<`J311U=v4Eb@VYa)1*Y^8rXHKAhBkSm2
z_;+JpE<i<JF)eZ#Fy4I_9BzvnE!M4&te3jB4LvVZKU@%Ey{PJ4(@5u8JG<H3qY?&5
z4HE>kNOT9Ugo{YFsqj?>lzCSVPF!HC=Q3mEw2GoN$P{t{eMyx};uIv_^3zF`JK|9T
zZ3-o?(SaK7oduBT{if|9>lDHJEpYg1gB?X!Lqf*&ySUNoe%5nI|BEqS%;U#iy3z5e
zTQXR$<^xw}s|>ZdNJZ`9%J<XK^W=-Xnolm~kCT=G=_8KnBRoY_ZhxlT{`{G)a&w!m
zs&bo7*L;y~p_yK0Vb0u4MygE{r1A}sw^luD{l1o#C4wM#DkNck{?R4FxM!Q3=7Fk;
z$PxQo&vvVN!*gxEPvr5*$kW#rkQ_PuuXeiYrI4ZkTnHXNAr3(meW!-QIvs`OIvtVi
zI+D(G{Q&8*9^RSoY+Trfa8!-wZdv?7#7)Ma&Y6sZs7~?J88<$@k36o&o#c<!w~Y<+
zzTsgE^i9e7%{Sf}NSUZ=1#U%_PaV1Chs+0FEAr8N{5M+jfZC&}8b4G(gg24$>*nTx
z&v?i9cbkBmhVwH`Ud(&jtz*=~XEgam)UUOvimdAyr@0;USM7$n*SU2?8*0A{GlTW+
zwA)rQ`zIbG+k*XGDz&LO*Z6^!AbE~0(k79FAJ)8egatyw<DVj)GYtIe9GoiN=ALvZ
z0l`h=EmX-ZI(!T5m#-QrvhZH$x(xJB%wuh2OQ#+`{ktfrsT8O&vvUqE018&#ij&2)
z8)_NgXpX0^-ACe<KoIXmE30Zk<lZ&?4W^R@SMto;katTwWPO_4**4vz#k|T{H&wDa
z@k0+@v`5p_IZ?gFecY>yN;oUYuJiu#6tVDe>TPOQRU^>%D8cF{`trG#-r`&-I&}4<
z3yDT#cg;Y(*czjm@sLQwF-_>YupJ<}+5F^E>c&~0XXV6u&13e#c~Tq<90~Kng!mtG
zB&2gC;-YE3=i?<E%%&hF78F^4|A3*vt~p{n?x8p!V*Sy9=3!6MXYwSm-Dk}ntXRh@
z!!Dg8hhbNkdCNN(r=T^0j^qOT7Oz{U*x8Dd(9BZM*!jT{HlSk6$uRS1a^`*mqwLLd
z^n9_{G(0d8HBictEW98g+BR(r)E=||Jit9Dvy>6=Y1IcV?!|q;&~LpsF;zy87s4ll
zvA95pBEP2Mj+1p5POSO(__+Dupr->NFg1)@@>EC`L+5t4<!#9ia<kwRXCy{tTDJR3
z@e9?RE%7FX_sqF8*&W96U_?$(nmuR?d9XwYEXjnw(m9b8oMt(=&bT~0<f=O-P(I@2
z;)=M#h&(JvId;N_HT!|yU8-pqydzxAZHQWzJ_%i{+te`79Nju_GzJ_jtDlG13LiM$
zy7^zaGXjSTHM;+i2A2S>l`itfEc^n#UAaXZ%<JoOXZX;EhDk0~R@d8U{|A|^!YK@E
z_wZy?zw0o`#q`IC5}%l<SfimBLC^N(kT-k?Hwl!)C4!e#{%2{tY3cLyv_q_AUXcNC
zar=)L1o^C$tJ`(pcgE|a3z|c8>;6lJ#vsZzcaL+^+*GeDaGtX<R5KDXV?G?hduRh`
z4aWHG%NwSxr^0&6jnNxH3W-)0`7bb;SvV;Zj95kBaWek8V1&?Il|zI5|0ciXoTRbR
zgVu2F1tDX`h12uapu2j*nxeVd{xlDFkN$!bVGQVU3oMMESkLe*`tz?sSHVkhJg;0r
zJD<VzjU%qgI2oMl!S3dNu}Zav_osKmO=+tS(`Fzoe1foJu5s4%HKKc&;|?hIg$L+u
zRGgaMTh4jiI;2+oTQTSs<BmFCTuI)~j+Ac@5O~jb0tL&dtMh#EoS0FA4fuhs2dEf|
z3qZ$YB2ZU%$qOGpv}BK0^e8j5t+WsHxg&(Omo0!5Q1T2unCkEWD_$iFY=OplTM|e#
z^<lOtfcb~n0BU<f>wlfK5P}op6h!*SpUe45^9uwP7*eFJ5~7&w!^#?cVYSdgS`usw
zqcHdAUUL&7`71UY6?0)In!;m#_R>q}U-C?R(H0WS+B#nhPDW;KVQ*^TnPsCaQ-RtY
zuVdOOl+^(0a;ccZ1gQ?hRNbPFWQ>FgSo6abRDd-fYw|4NWb4&_1~vU_Z-0V3cVonq
z)HKTANv)rUNw0q8W&~>B&tlo^uIGQz)+{Wu#rdqjkMDu6arG3GNM>@w?vM7m(Hgvo
zX7cMI`Cw~$6JGoycz(UEqG{XyulRN4Tm?elug9re`P~6p(LGBqvV*rnfRK|j7jW(W
zYax1xJkWx#++(I#TUyrou7E(McM0$#Ff4N%YUvCe-44wP*|ieDH&mz1O+0Az6lR4I
zz#L*Zl(yZ4q<=$<Tg)Jv70<djb&ER+8Y%g<C%7`GZpA6!xoFQ>cMv5ezg2p%ZU4bY
zH#eRv2?RrHx0PJoH@Os9AL;iT6)pMM+X?gSS7ddrX!wzNFF{ZSUw11+8tS5&-%dPG
zI$?-(cU*x^(f@p(deoTf{KlwK_)Pa^eZ&8zeUj5u^@1yd%rsf(59||)S=R!k3xB<|
zoeAKZAlv?2+-<MYgcRFfR{4}Zi5&gTv^^>zT4t8{%Z)AVByO8-O$k;K6t{L0^~H7L
z`ipC}ZMgj2-X3?34-}ZQuPP4+KuPFf1Iz6=OOKj#gOpy4lBquqFkngH(fho;zdyv7
z^W>ZJ#PRfW^L=RR*1TZRB+Iw`WY?&WKOQM!IuUF^7nD8eo6hc_a!Y#s%&+X$=d^l_
z?qdfs3w!PS5?w_#eR5*LK=K3@?>1LG{VhO=lBg4ux454tHJMuzaQ&Pok!7+|e2DEE
zc7pb-y2SbOmVL*KW#U04pqm^14<p~Q`HE3bQl)UNNXH3Qp5nws6#*K8(>tonhSu*{
zk?3oWNt0U_JEO<1m6f0SN_KxeWy(J`ZlUlK0edlQFmh}h-{St@S(5U3>|D-UOB(uD
t=$pNWUkh{*%xnAew5PkKdbywo3m0-y)!gYr|7~~zDhlfIKjlor{s%<qf?fas

literal 0
HcmV?d00001

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 1691962..54cc3bf 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -67,7 +67,16 @@
 
       .text-white-50 { color: rgba(255, 255, 255, .5); }
 
-      .bg-purple { background-color: #6f42c1; }
+    .bg-purple {
+      background-color: #6f42c1;
+    }
+
+    @keyframes spin {
+      100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+      }
+    }
     </style>
   </head>
 
@@ -146,6 +155,10 @@ <h1>Content</h1>
             </thead>
           </table>
         </div>
+      <div id="main-filelist" class="w-100">
+        <h1>Filelist</h1>
+        <div id="filemanager" style="height: 70vh; max-height: 400px; position: relative;"></div>
+      </div>
         <div id="main-boxtests">
           <h1>Box Tests</h1>
           <div>
@@ -361,8 +374,13 @@ <h2>Credits</h2>
     
     <script src="https://unpkg.com/bootstrap-switch@3.4.0/dist/js/bootstrap-switch.js" integrity="sha384-q3sTGLJpoYQ878rzOOulCOOPuCgPNS+mTduIHtCHtBFILPoptsW7Bk716ckhZlMt" crossorigin="anonymous"></script>
 
-    <script src="https://cdn.jsdelivr.net/npm/xterm@4.7.0/lib/xterm.js" integrity="sha256-5UsA6dt/gD3hmMmEMSJ+o0Zi0gTXk7OzVaQGQUuxXpU=" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.4.0/lib/xterm-addon-fit.js" integrity="sha256-tz+EctGh0/ncEhZZNAq5oLZlPJUDVGe849gA44c/zX0=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/xterm@4.7.0/lib/xterm.js"
+    integrity="sha256-5UsA6dt/gD3hmMmEMSJ+o0Zi0gTXk7OzVaQGQUuxXpU=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.4.0/lib/xterm-addon-fit.js"
+    integrity="sha256-tz+EctGh0/ncEhZZNAq5oLZlPJUDVGe849gA44c/zX0=" crossorigin="anonymous"></script>
+
+  <link rel="stylesheet" type="text/css" href="file-explorer/file-explorer.css">
+  <script type="text/javascript" src="file-explorer/file-explorer.js"></script>
 
     <script src="local-echo.js"></script>
 
@@ -387,15 +405,17 @@ <h2>Credits</h2>
         loadPage(page) {
           this._loading(true);
           switch (page) {
-            case "content":
-              this._contentPage.generatePage();
-              break;
             case "console":
             case "help":
             case "boxtests":
             case "fileupload":
             case "about":
 
+            break;
+          case "content":
+            this._contentPage.generatePage();
+            break;
+          case "filelist":
               break;
             default:
             page = "fileupload";
@@ -671,6 +691,91 @@ <h2>Credits</h2>
         }
       }
     </script>
+  <script type="text/javascript">
+    (function() {
+      var elem = document.getElementById('filemanager');
+    
+      var options = {
+        initpath: [
+          [ '', 'root (/)', { canmodify: true } ]
+        ],
+    
+        onrefresh: function(folder, required) {
+          if (folder === this.GetCurrentFolder())
+          {
+          }
+    
+          var $this = this;
+
+          var dir = "/";
+          if(folder.GetPathIDs() && folder.GetPathIDs().length > 0) {
+            dir = folder.GetPathIDs().toString().replaceAll(",","/");
+          }
+
+          $.getJSON("http://" + that._site.getDomainPort() + "/api/ajax?cmd=get-dir&dir=" + dir, function(data) {
+
+            const formattedData = data.files.map(item => {
+                const container = {};
+
+                container["id"] = item.name;
+                container["name"] = item.name;
+                container["type"] = item.dir ? "folder" : "file";
+
+                return container;
+            })
+
+            if (formattedData)  folder.SetEntries(formattedData);
+            else if (required)  $this.SetNamedStatusBarText('folder', $this.EscapeHTML('Failed to load folder.  ' + data.error));
+
+          });
+
+        },
+
+        ondelete: function(deleted, folder, ids, entries, recycle) {
+          var $this = this;
+
+          if (!recycle && !confirm('Are you sure you want to permanently delete ' + (entries.length == 1 ? '"' + entries[0].name + '"' : entries.length + ' items') +  '?'))  deleted('Cancelled deletion');
+          else
+          {
+            var dir = "/";
+            if(folder.GetPathIDs() && folder.GetPathIDs().length > 0) {
+              dir = folder.GetPathIDs().toString().replaceAll(",","/");
+            }
+
+            entries.forEach((entry) => {
+              const filepath = dir + "/" + entry.name;
+              
+              var params = "cmd=delete-file&filepath=";
+              if(entry.type === "folder") {
+                params = "cmd=delete-dir&dir=";
+              }
+
+              $.getJSON("http://" + that._site.getDomainPort() + "/api/ajax?" + params + filepath, function(data) {
+                if (data.success) deleted(true);
+              }).fail(function( jqxhr, textStatus, error ) {
+                deleted('Server/network error.');
+              });
+            });
+          }
+        },
+    
+        oninitdownload: function(startdownload, folder, ids, entries) {
+
+          var dir = "/";
+          if(folder.GetPathIDs() && folder.GetPathIDs().length > 0) {
+            dir = folder.GetPathIDs().toString().replaceAll(",","/");
+          }
+
+          entries.forEach((entry) => {
+            const filepath = dir + "/" + entry.name;
+            window.open("http://" + that._site.getDomainPort() + "/api/ajax?cmd=get-file&filepath=" + filepath , '_blank');
+          });
+        },
+      };
+    
+      var fe = new window.FileExplorer(elem, options);
+    })();
+    </script>
   </body>
 
 </html>

From 467832873de1e95b45787a3c3f40a7ab6f8b6497 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kru=CC=88mel?= <christopher.teipen@andsafe.de>
Date: Thu, 18 Apr 2024 10:52:48 +0200
Subject: [PATCH 9/9] formatting

---
 web/hackiebox.html | 1052 ++++++++++++++++++++++----------------------
 1 file changed, 526 insertions(+), 526 deletions(-)

diff --git a/web/hackiebox.html b/web/hackiebox.html
index 54cc3bf..8ebc4f2 100644
--- a/web/hackiebox.html
+++ b/web/hackiebox.html
@@ -1,69 +1,69 @@
 <!doctype html>
 <html lang="en">
 
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <!-- Bootstrap CSS -->
+  <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <!-- Bootstrap Table CSS-->
+  <!-- Bootstrap Table CSS-->
     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.css" integrity="sha384-stUTdwV9AgSXI+zB6SWTZSIq0SP1EKWXA/H6rWp1hNmSwvjkuFCwPhqcA01KnlWS" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://unpkg.com/bootstrap-switch@3.4.0/dist/css/bootstrap3/bootstrap-switch.css" integrity="sha384-Wg1u8Kclt9oq0YZoQpkNL8aE9jWVU205nvS5LwJ4MZ3BgvZki5FkD+egd0luNjHV" crossorigin="anonymous">
-    
+
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@4.7.0/css/xterm.css" integrity="sha256-I3n7q4Kl55oWvltoLRCCpA5HW8W3O34RUeC/ob43fWY=" crossorigin="anonymous">
-    
+
     <title>Hackiebox Custom Firmware by Team RevvoX</title>
 
-    <style>
-      /* Show it is fixed to the top */
-      #body-div {
-        min-height: 75rem;
-        padding-top: 56px;
-      }
+  <style>
+    /* Show it is fixed to the top */
+    #body-div {
+      min-height: 75rem;
+      padding-top: 56px;
+    }
 
-      #main {
-        padding-top: 10px;
-      }
+    #main {
+      padding-top: 10px;
+    }
 
-      .nav-scroller {
-        position: relative;
-        z-index: 2;
-        height: 2.75rem;
-        overflow-y: hidden;
-      }
+    .nav-scroller {
+      position: relative;
+      z-index: 2;
+      height: 2.75rem;
+      overflow-y: hidden;
+    }
 
-      .nav-scroller .nav {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
-        padding-bottom: 1rem;
-        margin-top: -1px;
-        overflow-x: auto;
-        color: rgba(255, 255, 255, .75);
-        text-align: center;
-        white-space: nowrap;
-        -webkit-overflow-scrolling: touch;
-      }
+    .nav-scroller .nav {
+      display: -ms-flexbox;
+      display: flex;
+      -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+      padding-bottom: 1rem;
+      margin-top: -1px;
+      overflow-x: auto;
+      color: rgba(255, 255, 255, .75);
+      text-align: center;
+      white-space: nowrap;
+      -webkit-overflow-scrolling: touch;
+    }
 
-      .nav-underline .nav-link {
-        padding-top: .75rem;
-        padding-bottom: .75rem;
-        font-size: .875rem;
-        color: #6c757d;
-      }
+    .nav-underline .nav-link {
+      padding-top: .75rem;
+      padding-bottom: .75rem;
+      font-size: .875rem;
+      color: #6c757d;
+    }
 
-      .nav-underline .nav-link:hover {
-        color: #007bff;
-      }
+    .nav-underline .nav-link:hover {
+      color: #007bff;
+    }
 
-      .nav-underline .active {
-        font-weight: 500;
-        color: #343a40;
-      }
+    .nav-underline .active {
+      font-weight: 500;
+      color: #343a40;
+    }
 
       .text-white-50 { color: rgba(255, 255, 255, .5); }
 
@@ -77,53 +77,53 @@
         transform: rotate(360deg);
       }
     }
-    </style>
-  </head>
+  </style>
+</head>
 
-  <body>
-    <div id="loading-div">
+<body>
+  <div id="loading-div">
       LOADING...
-    </div>
-    <div id="body-div" style="display:none;">
-      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
-        <a class="navbar-brand" href="#" onclick="site.loadPage('home'); return false;">Hackiebox CFW by RevvoX</a>
+  </div>
+  <div id="body-div" style="display:none;">
+    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+      <a class="navbar-brand" href="#" onclick="site.loadPage('home'); return false;">Hackiebox CFW by RevvoX</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarCollapse">
-          <ul id="mainMenu" class="navbar-nav mr-auto">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarCollapse">
+        <ul id="mainMenu" class="navbar-nav mr-auto">
           <li class="nav-item">
             <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true"></a>
           </li>
-          </ul>
-        </div>
+        </ul>
+      </div>
       <span class="navbar-text d-none d-md-inline" id="domainPort"></span>
-      </nav>
-      <div id="submenu" class="nav-scroller bg-white shadow-sm">
-        <div id="submenu-settings">
-          <nav class="nav nav-underline">
-            <a class="nav-link active" href="#">Dashboard</a>
-            <a class="nav-link" href="#">
-              Friends
-              <span class="badge badge-pill bg-light align-text-bottom">27</span>
-            </a>
-            <a class="nav-link" href="#">Explore</a>
-            <a class="nav-link" href="#">Suggestions</a>
-          </nav>
-        </div>
+    </nav>
+    <div id="submenu" class="nav-scroller bg-white shadow-sm">
+      <div id="submenu-settings">
+        <nav class="nav nav-underline">
+          <a class="nav-link active" href="#">Dashboard</a>
+          <a class="nav-link" href="#">
+            Friends
+            <span class="badge badge-pill bg-light align-text-bottom">27</span>
+          </a>
+          <a class="nav-link" href="#">Explore</a>
+          <a class="nav-link" href="#">Suggestions</a>
+        </nav>
       </div>
-      
-      
-      <main id="main" role="main" class="" style="padding-left: 10px; padding-right: 10px;">
-        <div id="main-home">
-          <div class="jumbotron">
-            <h1>Home</h1>
+    </div>
+
+
+    <main id="main" role="main" class="" style="padding-left: 10px; padding-right: 10px;">
+      <div id="main-home">
+        <div class="jumbotron">
+          <h1>Home</h1>
             <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.</p>
-            <a class="btn btn-lg btn-primary" href="/docs/4.4/components/navbar/" role="button">View navbar docs »</a>
-          </div>
+          <a class="btn btn-lg btn-primary" href="/docs/4.4/components/navbar/" role="button">View navbar docs »</a>
         </div>
-        <div id="main-content" class="w-100">
-          <h1>Content</h1>
+      </div>
+      <div id="main-content" class="w-100">
+        <h1>Content</h1>
           <table class="table" id="table-content"
             data-search="true"
             data-pagination="true"
@@ -134,236 +134,236 @@ <h1>Content</h1>
             data-show-columns-toggle-all="true"
             data-show-toggle="true"
             data-mobile-responsive="true"
-            data-check-on-init="true"
+          data-check-on-init="true"
             data-sort-priority='[{"sortName": "language","sortOrder":"asc"},{"sortName":"no","sortOrder":"asc"}]'
             >
-            <thead>
-              <tr>
-                <th data-field="language" data-sortable="true">Lang.</th>
-                <th data-field="no" data-sortable="true">#</th>
-                <th data-field="model" data-sortable="true">Model No</th>
-                <th data-field="pic" data-field="image" data-formatter="imageFormatter">Picture</th>
-                <th data-field="audio_id" data-sortable="true">Audio ID</th>
-                <th data-field="title" data-sortable="true">Title</th>
-                <th data-field="series" data-sortable="true">Series</th>
-                <th data-field="episodes" data-sortable="true" data-visible="false">Episodes</th>
-                <th data-field="tracks" data-sortable="true" data-visible="false">Tracks</th>
-                <th data-field="category" data-sortable="true">Category</th>
-
-                <th scope="col">Location/UID</th>
-              </tr>
-            </thead>
-          </table>
-        </div>
+          <thead>
+            <tr>
+              <th data-field="language" data-sortable="true">Lang.</th>
+              <th data-field="no" data-sortable="true">#</th>
+              <th data-field="model" data-sortable="true">Model No</th>
+              <th data-field="pic" data-field="image" data-formatter="imageFormatter">Picture</th>
+              <th data-field="audio_id" data-sortable="true">Audio ID</th>
+              <th data-field="title" data-sortable="true">Title</th>
+              <th data-field="series" data-sortable="true">Series</th>
+              <th data-field="episodes" data-sortable="true" data-visible="false">Episodes</th>
+              <th data-field="tracks" data-sortable="true" data-visible="false">Tracks</th>
+              <th data-field="category" data-sortable="true">Category</th>
+
+              <th scope="col">Location/UID</th>
+            </tr>
+          </thead>
+        </table>
+      </div>
       <div id="main-filelist" class="w-100">
         <h1>Filelist</h1>
         <div id="filemanager" style="height: 70vh; max-height: 400px; position: relative;"></div>
       </div>
-        <div id="main-boxtests">
-          <h1>Box Tests</h1>
-          <div>
-            <h2>Power</h2>
-            <p>
-              <input type="checkbox" name="test-check-power-sd"> SD
-            </p>
-            <p>
-              <input type="checkbox" name="test-check-power-main"> Audio, Accelerometer, RFID, LED Blue / Red?
-            </p>
-          </div>
-          <div>
-            <h2>Ears</h2>
-            <p>
-              <input type="checkbox" name="test-check-ear-small" disabled="disabled"> Small ear
-              <input type="checkbox" name="test-check-ear-big" disabled="disabled"> Big ear
-            </p>
-          </div>
-          <div>
-            <h2>Accelerometer</h2>
-            <p>
-              x, y, z
-              tap events
-            </p>
-          </div>
-          <div>
-            <h2>RFID</h2>
-            <p>
-              UID, Set Privacy, Reveal Privacy
-            </p>
-          </div>
-          <div>
-            <h2>SD</h2>
-            <p>
-              List files
-            </p>
-          </div>
-          <div>
-            <h2>LEDs</h2>
-            <p>
-              <input type="checkbox" name="test-check-led-red"> Red
-              <input type="checkbox" name="test-check-led-green"> Green
-              <input type="checkbox" name="test-check-led-blue"> Blue
-            </p>
+      <div id="main-boxtests">
+        <h1>Box Tests</h1>
+        <div>
+          <h2>Power</h2>
+          <p>
+            <input type="checkbox" name="test-check-power-sd"> SD
+          </p>
+          <p>
+            <input type="checkbox" name="test-check-power-main"> Audio, Accelerometer, RFID, LED Blue / Red?
+          </p>
+        </div>
+        <div>
+          <h2>Ears</h2>
+          <p>
+            <input type="checkbox" name="test-check-ear-small" disabled="disabled"> Small ear
+            <input type="checkbox" name="test-check-ear-big" disabled="disabled"> Big ear
+          </p>
+        </div>
+        <div>
+          <h2>Accelerometer</h2>
+          <p>
+            x, y, z
+            tap events
+          </p>
+        </div>
+        <div>
+          <h2>RFID</h2>
+          <p>
+            UID, Set Privacy, Reveal Privacy
+          </p>
+        </div>
+        <div>
+          <h2>SD</h2>
+          <p>
+            List files
+          </p>
+        </div>
+        <div>
+          <h2>LEDs</h2>
+          <p>
+            <input type="checkbox" name="test-check-led-red"> Red
+            <input type="checkbox" name="test-check-led-green"> Green
+            <input type="checkbox" name="test-check-led-blue"> Blue
+          </p>
+        </div>
+        <div>
+          <h2>WiFi</h2>
+          <p>
+
+          </p>
+        </div>
+        <div>
+          <h2>Battery</h2>
+          <p>
+            <input type="checkbox" name="test-check-battery-charger" disabled="disabled"> Charging
+          </p>
+          <p>
+            VAL
+          </p>
+        </div>
+        <div>
+          <h2>Serial</h2>
+        </div>
+      </div>
+      <div id="main-fileupload">
+        <h1>File Upload</h1>
+          <form id="uploadFile" method="post" enctype="multipart/form-data" onsubmit="submitOverlayPost(event, '/api/upload/');">
+          <div class="form-group">
+            <label for="file">Target</label>
+            <select id="uploadTarget" class="form-control" aria-label="Default select example">
+              <option value="file">SD</option>
+              <option value="flash-file">Flash</option>
+            </select>
           </div>
-          <div>
-            <h2>WiFi</h2>
-            <p>
-              
-            </p>
+          <div class="form-group">
+            <label for="file">Local file</label>
+              <input id="file" name="file" type="file" size="50" accept="*/*" class="form-control" onchange="setFilesize();"> 
           </div>
-          <div>
-            <h2>Battery</h2>
-            <p>
-              <input type="checkbox" name="test-check-battery-charger" disabled="disabled"> Charging
-            </p>
-            <p>
-              VAL
-            </p>
+          <div class="form-group">
+            <label for="file">Overwrite</label></br>
+            <input name="overwrite" type="checkbox" class="form-control">
           </div>
-          <div>
-            <h2>Serial</h2>
+          <div class="form-group">
+            <label for="filepath">SD/Flash path</label>
+            <input name="filepath" type="text" class="form-control">
           </div>
-        </div>
-        <div id="main-fileupload">
-          <h1>File Upload</h1>
-          <form id="uploadFile" method="post" enctype="multipart/form-data" onsubmit="submitOverlayPost(event, '/api/upload/');">
-            <div class="form-group">
-              <label for="file">Target</label>
-              <select id="uploadTarget" class="form-control" aria-label="Default select example">
-                <option value="file">SD</option>
-                <option value="flash-file">Flash</option>
-              </select>
-            </div>
-            <div class="form-group">
-              <label for="file">Local file</label>
-              <input id="file" name="file" type="file" size="50" accept="*/*" class="form-control" onchange="setFilesize();"> 
-            </div>
-            <div class="form-group">
-              <label for="file">Overwrite</label></br>
-              <input name="overwrite" type="checkbox" class="form-control">
-            </div>
-            <div class="form-group">
-              <label for="filepath">SD/Flash path</label>
-              <input name="filepath" type="text" class="form-control">
-            </div>
-            <div class="form-group">
-              <input id="filesize" name="filesize" type="hidden" value="0">
-              <input type="submit" value="Upload" class="form-control">
-            </div>
-          </form>
-        </div>
-        <div id="main-console">
-          <h1>Console</h1>
-          <div style="padding: 10px; background-color: black;">
-            <div id="xtermjs"></div>
+          <div class="form-group">
+            <input id="filesize" name="filesize" type="hidden" value="0">
+            <input type="submit" value="Upload" class="form-control">
           </div>
+        </form>
+      </div>
+      <div id="main-console">
+        <h1>Console</h1>
+        <div style="padding: 10px; background-color: black;">
+          <div id="xtermjs"></div>
         </div>
-        <div id="main-about">
-          <div class="jumbotron">
-            <h1>About</h1>
-            <p class="lead">Hackiebox Custom Firmware {version} by Team RevvoX</p>
-            <p class="">Build date: {build-date}</p>
+      </div>
+      <div id="main-about">
+        <div class="jumbotron">
+          <h1>About</h1>
+          <p class="lead">Hackiebox Custom Firmware {version} by Team RevvoX</p>
+          <p class="">Build date: {build-date}</p>
             <p class=""><a href="https://github.com/toniebox-reverse-engineering" target="_blank">Toniebox Reverse Engineering GitHub</a></p>
-          </div>
-          <h2>Team RevvoX</h2>
-          <table class="table">
-            <thead>
-              <tr>
-                <th scope="col">Member</th>
-                <th scope="col">Scope</th>
-                <th scope="col">Personal</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>g3gg0</td>
-                <td>Reversing Toniebox software + Tonie RFID / audio files, teddy Dev</td>
-                <td><a href="https://www.g3gg0.de/wordpress/" target="_blank">g3gg0's hobby hacking blog</a></td>
-              </tr>
-              <tr>
-                <td>Gambrius</td>
-                <td>Reversing Tonie RFID / audio files / tonies.json</td>
-                <td><a href="http://gt-blog.de/" target="_blank">Gambrius Tech Blog</a></td>
-              </tr>
-              <tr>
-                <td>Honeybee</td>
-                <td>Reversing Toniebox hardware, Hackiebox CFW Dev</td>
-                <td>summsisumm</td>
-              </tr>
-              <tr>
-                <td>moritz</td>
-                <td>Reversing Toniebox hardware / schematics</td>
-                <td></td>
-              </tr>
-            </tbody>
-          </table>
-          <h2>Credits</h2>
-          <table class="table">
-            <thead>
-              <tr>
-                <th scope="col">Name</th>
-                <th scope="col">Scope</th>
-                <th scope="col">Personal</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>Boxine</td>
-                <td>For creating such a small cute box to tinker with!</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Wolfgang</td>
-                <td>Support Audio/RFID implementation Hackiebox CFW</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Michael</td>
-                <td>Sharing self created schematics of the box to improve our pcb documentation</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Daniel Campora</td>
-                <td>Creating the cc3200 port of micropython</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Kiril Zyapkov from ALLTERCO</td>
-                <td>Creating the cc3200tool</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>bluenazgul</td>
-                <td>Testing</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>daniel</td>
-                <td>Hackiebox CFW Dev</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>spacehuhn</td>
-                <td>Creating SimpleCLI</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Earle F. Philhower, III</td>
-                <td>ESP8266 Audio library with SAM port.</td>
-                <td></td>
-              </tr>
-              <tr>
-                <td>Telegram Toniebox Hacking Community</td>
-                <td>THX2YOU</td>
-                <td></td>
-              </tr>
-            </tbody>
-          </table>
         </div>
-      </main>
-    </div>
+        <h2>Team RevvoX</h2>
+        <table class="table">
+          <thead>
+            <tr>
+              <th scope="col">Member</th>
+              <th scope="col">Scope</th>
+              <th scope="col">Personal</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>g3gg0</td>
+              <td>Reversing Toniebox software + Tonie RFID / audio files, teddy Dev</td>
+              <td><a href="https://www.g3gg0.de/wordpress/" target="_blank">g3gg0's hobby hacking blog</a></td>
+            </tr>
+            <tr>
+              <td>Gambrius</td>
+              <td>Reversing Tonie RFID / audio files / tonies.json</td>
+              <td><a href="http://gt-blog.de/" target="_blank">Gambrius Tech Blog</a></td>
+            </tr>
+            <tr>
+              <td>Honeybee</td>
+              <td>Reversing Toniebox hardware, Hackiebox CFW Dev</td>
+              <td>summsisumm</td>
+            </tr>
+            <tr>
+              <td>moritz</td>
+              <td>Reversing Toniebox hardware / schematics</td>
+              <td></td>
+            </tr>
+          </tbody>
+        </table>
+        <h2>Credits</h2>
+        <table class="table">
+          <thead>
+            <tr>
+              <th scope="col">Name</th>
+              <th scope="col">Scope</th>
+              <th scope="col">Personal</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>Boxine</td>
+              <td>For creating such a small cute box to tinker with!</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Wolfgang</td>
+              <td>Support Audio/RFID implementation Hackiebox CFW</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Michael</td>
+              <td>Sharing self created schematics of the box to improve our pcb documentation</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Daniel Campora</td>
+              <td>Creating the cc3200 port of micropython</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Kiril Zyapkov from ALLTERCO</td>
+              <td>Creating the cc3200tool</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>bluenazgul</td>
+              <td>Testing</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>daniel</td>
+              <td>Hackiebox CFW Dev</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>spacehuhn</td>
+              <td>Creating SimpleCLI</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Earle F. Philhower, III</td>
+              <td>ESP8266 Audio library with SAM port.</td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Telegram Toniebox Hacking Community</td>
+              <td>THX2YOU</td>
+              <td></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </main>
+  </div>
 
-    <!-- Optional JavaScript -->
-    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+  <!-- Optional JavaScript -->
+  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
@@ -371,7 +371,7 @@ <h2>Credits</h2>
     <script src="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.js" integrity="sha384-W/LH8RGi1CAONGTnvEB4NWjQ6p4GE6qGHSFZUOalxWWwyvcIr8btqBmjvMSBs+HT" crossorigin="anonymous"></script>
     <script src="https://unpkg.com/bootstrap-table@1.16.0/dist/extensions/multiple-sort/bootstrap-table-multiple-sort.js" integrity="sha384-MgH1FlFbvyjPxrvMK/Fr+KL+cd0ck0HW5IHjdh+o3jItnQ+3BV87gxPFNxz5xwbs" crossorigin="anonymous"></script>
     <script src="https://unpkg.com/bootstrap-table@1.16.0/dist/extensions/mobile/bootstrap-table-mobile.min.js" integrity="sha384-LOjwcKPHMdZtBozkXFs5WKUKTc3uH13dd0rly8aXMpwVx5i1wc14svJdyJVWiS8G" crossorigin="anonymous"></script>
-    
+
     <script src="https://unpkg.com/bootstrap-switch@3.4.0/dist/js/bootstrap-switch.js" integrity="sha384-q3sTGLJpoYQ878rzOOulCOOPuCgPNS+mTduIHtCHtBFILPoptsW7Bk716ckhZlMt" crossorigin="anonymous"></script>
 
   <script src="https://cdn.jsdelivr.net/npm/xterm@4.7.0/lib/xterm.js"
@@ -382,166 +382,166 @@ <h2>Credits</h2>
   <link rel="stylesheet" type="text/css" href="file-explorer/file-explorer.css">
   <script type="text/javascript" src="file-explorer/file-explorer.js"></script>
 
-    <script src="local-echo.js"></script>
+  <script src="local-echo.js"></script>
 
-    <script>
-      class Site {
-        constructor(page = null) {
-          this._params = new URLSearchParams(window.location.search);
+  <script>
+    class Site {
+      constructor(page = null) {
+        this._params = new URLSearchParams(window.location.search);
         this._mainMenu = new MainMenu(this);
-          this._contentPage = new ContentPage();
-          this._server = this._params.get("server");
-          this._console = new WebConsole(this);
+        this._contentPage = new ContentPage();
+        this._server = this._params.get("server");
+        this._console = new WebConsole(this);
           this._initSse();
 
-          $("input[type='checkbox']").bootstrapSwitch();
+        $("input[type='checkbox']").bootstrapSwitch();
 
-          if (page == null) {
-            this.loadPage(this._params.get("page"));
-          } else {
-            this.loadPage(page);
-          }
+        if (page == null) {
+          this.loadPage(this._params.get("page"));
+        } else {
+          this.loadPage(page);
         }
-        loadPage(page) {
-          this._loading(true);
-          switch (page) {
-            case "console":
-            case "help":
-            case "boxtests":
-            case "fileupload":
-            case "about":
+      }
+      loadPage(page) {
+        this._loading(true);
+        switch (page) {
+          case "console":
+          case "help":
+          case "boxtests":
+          case "fileupload":
+          case "about":
 
             break;
           case "content":
             this._contentPage.generatePage();
             break;
           case "filelist":
-              break;
-            default:
+            break;
+          default:
             page = "fileupload";
-              break;
-          }
+            break;
+        }
 
-          $("#main").children().hide();
-          $("#submenu").children().hide();
-          $("#submenu").hide();
+        $("#main").children().hide();
+        $("#submenu").children().hide();
+        $("#submenu").hide();
 
-          $("#navbarCollapse ul").children().removeClass("active");
-          $("#nav-page-" + page).addClass("active");
+        $("#navbarCollapse ul").children().removeClass("active");
+        $("#nav-page-" + page).addClass("active");
 
-          $("#main-" + page).show();
+        $("#main-" + page).show();
 
-          if (this._mainMenu.hasSubMenu(page)) {
-            $("#submenu").show();
-            $("#submenu-" + page).show();
-          }
+        if (this._mainMenu.hasSubMenu(page)) {
+          $("#submenu").show();
+          $("#submenu-" + page).show();
+        }
 
-          this._page = page;
-          this._loading(false);
+        this._page = page;
+        this._loading(false);
 
-          switch (page) {
-            case "console":
-              this._console.open();
-              break;
-          }
+        switch (page) {
+          case "console":
+            this._console.open();
+            break;
         }
-        _loading(isLoading) {
-          if (isLoading) {
-            $("#loading-div").show();
-            $("#body-div").hide();
-          } else {
-            $("#loading-div").hide();
-            $("#body-div").show();
-          }
+      }
+      _loading(isLoading) {
+        if (isLoading) {
+          $("#loading-div").show();
+          $("#body-div").hide();
+        } else {
+          $("#loading-div").hide();
+          $("#body-div").show();
         }
-        getDomainPort() {
-          if (this._server == null || this._server == "")
+      }
+      getDomainPort() {
+        if (this._server == null || this._server == "")
           return location.hostname + (location.port ? ':' + location.port : '');
-          return this._server;
-        }
-        _initSse() {
-          var that = this;
+        return this._server;
+      }
+      _initSse() {
+        var that = this;
         $.get("http://" + this.getDomainPort() + "/api/sse/sub", function (data) {
-            if (data == "MAX_CLIENTS") {
-              alert(data);
-            } else {
+          if (data == "MAX_CLIENTS") {
+            alert(data);
+          } else {
             that._sseEventSource = new EventSource("http://" + that.getDomainPort() + data);
             that._sseEventSource.addEventListener('message', function (e) {
-                var data = JSON.parse(e.data);
-                switch (data.type) {
-                  case "keep-alive":
-                    //IGNORE
-                    break;
-                
-                  default:
-                    break;
-                }
-              }, false);
-            }
-          })
+              var data = JSON.parse(e.data);
+              switch (data.type) {
+                case "keep-alive":
+                  //IGNORE
+                  break;
+
+                default:
+                  break;
+              }
+            }, false);
+          }
+        })
           .fail(function () {
             alert("sse sub error");
           });
-        }
       }
-      class ContentPage {
-        constructor() {
-          this._source = "http://gt-blog.de/JSON/tonies_json.php?source=cfw";
-          this._data = null;
-        }
-        _downloadData(async = true) {
-          var tmpData;
+    }
+    class ContentPage {
+      constructor() {
+        this._source = "http://gt-blog.de/JSON/tonies_json.php?source=cfw";
+        this._data = null;
+      }
+      _downloadData(async = true) {
+        var tmpData;
         $.ajax({
           dataType: "json", url: this._source, async: async, data: this._data, success: function (data) {
             //TODO: htmlencode everything to prevent xss
             tmpData = data;
           }
         });
-          this._data = tmpData;
-        }
-        _getData() {
-          if (this._data == null) 
-            this._downloadData(false);
-          return this._data;
-        }
-        generatePage() {
-          let data = this._getData();
-          let tab = $('#table-content')
+        this._data = tmpData;
+      }
+      _getData() {
+        if (this._data == null)
+          this._downloadData(false);
+        return this._data;
+      }
+      generatePage() {
+        let data = this._getData();
+        let tab = $('#table-content')
         tab.bootstrapTable({ data: data });
 
-          /*data.forEach(entry => {
-            
-          });*/
-        }
+        /*data.forEach(entry => {
+          
+        });*/
       }
-      class MainMenu {
+    }
+    class MainMenu {
       constructor(site) {
         this._site = site;
-          this._setEntries();
-        }
-        hasSubMenu(page) {
-          var retVal = false;
-          this._entries.forEach(entry => {
-            let subentries = entry["sub"];
-            if (entry["id"] == page && entry["submenu"]) {
-              retVal = true;
-              return;
-            }
+        this._setEntries();
+      }
+      hasSubMenu(page) {
+        var retVal = false;
+        this._entries.forEach(entry => {
+          let subentries = entry["sub"];
+          if (entry["id"] == page && entry["submenu"]) {
+            retVal = true;
+            return;
+          }
 
-            if (subentries) {
-              subentries.forEach(subentry => {
-                if (subentry["id"] == page && subentry["submenu"]) {
-                  retVal = true;
-                  return;
-                }
-              });
-            }
-          });
-          return retVal;
-        }
+          if (subentries) {
+            subentries.forEach(subentry => {
+              if (subentry["id"] == page && subentry["submenu"]) {
+                retVal = true;
+                return;
+              }
+            });
+          }
+        });
+        return retVal;
+      }
 
-        _setEntries() {
-          this._entries = [
+      _setEntries() {
+        this._entries = [
           { "id": "content", "name": "Tonies", "submenu": false },
           { "id": "filelist", "name": "Filelist", "submenu": false },
           {
@@ -552,7 +552,7 @@ <h2>Credits</h2>
                 { "id": "console", "name": "Console", "submenu": false },
                 { "id": "reboot", "name": "Reboot Box", "url": "http://" + this._site.getDomainPort() + "/api/ajax?cmd=box-power&sub=reset" },
               ]
-            },
+          },
           {
             "id": "help", "name": "Help", "sub":
               [
@@ -560,137 +560,137 @@ <h2>Credits</h2>
                 { "id": "github", "name": "GitHub", "url": "https://github.com/toniebox-reverse-engineering/hackiebox_cfw" },
                 { "id": "about", "name": "About" }
               ]
-            }
-          ];
-          this._generateMenu();
-        }
-        _generateMenu() {
-          this._entries.forEach(entry => {
-            let subentries = entry["sub"];
-            let menu = $("#mainMenu");
+          }
+        ];
+        this._generateMenu();
+      }
+      _generateMenu() {
+        this._entries.forEach(entry => {
+          let subentries = entry["sub"];
+          let menu = $("#mainMenu");
 
-            let li = $("<li/>")
-              .addClass("nav-item")
+          let li = $("<li/>")
+            .addClass("nav-item")
             .attr("id", "nav-page-" + entry["id"]);
-            if (!subentries) {
+          if (!subentries) {
+            let a = $("<a/>")
+              .addClass("nav-link")
+              .attr("href", "#")
+              .attr("target", "_blank")
+              .attr("onclick", "site.loadPage('" + entry["id"] + "'); return false;")
+              .html(entry["name"]);
+            if (entry["url"]) {
+              a.attr("href", entry["url"]);
+              a.removeAttr("onclick");
+            }
+            li.append(a);
+
+          } else {
+            li.addClass("dropdown");
+            let a = $("<a/>")
+              .addClass("nav-link")
+              .addClass("dropdown-toggle")
+              .attr("id", "dropdown-" + entry["id"])
+              .attr("data-toggle", "dropdown")
+              .attr("aria-haspopup", "true")
+              .attr("aria-expanded", "false")
+              .attr("href", "#")
+              .html(entry["name"]);
+            li.append(a);
+            let div = $("<div/>")
+              .addClass("dropdown-menu")
+              .attr("aria-labelledby", "dropdown-" + entry["id"]);
+            subentries.forEach(subentry => {
               let a = $("<a/>")
-                .addClass("nav-link")
+                .addClass("dropdown-item")
+                .attr("id", "nav-page-dropdown-" + entry["id"] + "-" + subentry["id"])
                 .attr("href", "#")
                 .attr("target", "_blank")
-                .attr("onclick", "site.loadPage('" + entry["id"] + "'); return false;")
-                .html(entry["name"]);
-              if (entry["url"]) {
-                a.attr("href", entry["url"]);
+                .attr("onclick", "site.loadPage('" + subentry["id"] + "'); return false;")
+                .html(subentry["name"]);
+              if (subentry["url"]) {
+                a.attr("href", subentry["url"]);
                 a.removeAttr("onclick");
               }
-              li.append(a);
-
-            } else {
-              li.addClass("dropdown");
-              let a = $("<a/>")
-                .addClass("nav-link")
-                .addClass("dropdown-toggle")
-                .attr("id", "dropdown-" + entry["id"])
-                .attr("data-toggle", "dropdown")
-                .attr("aria-haspopup", "true")
-                .attr("aria-expanded", "false")
-                .attr("href", "#")
-                .html(entry["name"]);
-              li.append(a);
-              let div = $("<div/>")
-                .addClass("dropdown-menu")
-                .attr("aria-labelledby", "dropdown-" + entry["id"]);
-              subentries.forEach(subentry => {
-                let a = $("<a/>")
-                  .addClass("dropdown-item")
-                .attr("id", "nav-page-dropdown-" + entry["id"] + "-" + subentry["id"])
-                  .attr("href", "#")
-                  .attr("target", "_blank")
-                  .attr("onclick", "site.loadPage('" + subentry["id"] + "'); return false;")
-                  .html(subentry["name"]);
-                  if (subentry["url"]) {
-                    a.attr("href", subentry["url"]);
-                    a.removeAttr("onclick");
-                  }
-                div.append(a);
-              });
-              li.append(div);
-            }
-            menu.append(li);
-          });
-          $('.dropdown-toggle').dropdown();
-        }
+              div.append(a);
+            });
+            li.append(div);
+          }
+          menu.append(li);
+        });
+        $('.dropdown-toggle').dropdown();
       }
-      class WebConsole {
-        constructor(site) {
-          this._site = site;
-          this._term = new Terminal({
-            cursorBlink: "block",
-            theme: { foreground: "#00ff00" }
-          });
-          this._localEcho = new LocalEchoController();
-          this._fitAddon = new FitAddon.FitAddon();
+    }
+    class WebConsole {
+      constructor(site) {
+        this._site = site;
+        this._term = new Terminal({
+          cursorBlink: "block",
+          theme: { foreground: "#00ff00" }
+        });
+        this._localEcho = new LocalEchoController();
+        this._fitAddon = new FitAddon.FitAddon();
 
-          this._term.loadAddon(this._fitAddon);
-          this._term.loadAddon(this._localEcho);
+        this._term.loadAddon(this._fitAddon);
+        this._term.loadAddon(this._localEcho);
 
         this._localEcho.addAutocompleteHandler(function (index, tokens) {
-            if (index == 0) return ["help", "i2c", "beep", "rfid"];
-            return [];
-          });
+          if (index == 0) return ["help", "i2c", "beep", "rfid"];
+          return [];
+        });
 
-          this._readPrompt();
+        this._readPrompt();
 
-          var that = this;
+        var that = this;
         $(window).on("resize", function () {
-            that._fitAddon.fit();
-          });
-        }
-        open() {
-          if (!this._opened) {
-            this._term.open(document.getElementById("xtermjs"));
-            this._opened = true;
-          }
-          this._fitAddon.fit();
+          that._fitAddon.fit();
+        });
+      }
+      open() {
+        if (!this._opened) {
+          this._term.open(document.getElementById("xtermjs"));
+          this._opened = true;
         }
-        _readPrompt() {
-          var that = this;
+        this._fitAddon.fit();
+      }
+      _readPrompt() {
+        var that = this;
         this._localEcho.read("hackiebox@" + this._site.getDomainPort() + "$ ", "> ")
           .then(function (input) {
             $.get("http://" + that._site.getDomainPort() + "/api/ajax", { cmd: "cli", cli: input }, function (data) {
-                  that._term.writeln(data);
-                  that._readPrompt();
-                })
-              .fail(function () {
-                  that._term.writeln("ERROR: no connection to host");
-                  that._readPrompt();
-                });
+              that._term.writeln(data);
+              that._readPrompt();
             })
+              .fail(function () {
+                that._term.writeln("ERROR: no connection to host");
+                that._readPrompt();
+              });
+          })
           .catch(function (error) { alert(`Error reading: ${error}`); });
-        }
       }
-    </script>
-    <script>
-      var site;
+    }
+  </script>
+  <script>
+    var site;
     $(function () {
       site = new Site("home");
       document.getElementById("domainPort").innerText = site.getDomainPort();
-      });
-      function imageFormatter(value) {
+    });
+    function imageFormatter(value) {
       return '<img src="' + value + '" style="max-width:100px;max-height:100px;">'
-      }
-      function submitOverlayPost(e, target) {
-        setFilesize();
-        var action = "http://" + site.getDomainPort() + target + document.getElementById("uploadTarget").value + "?" + $(e.target).serialize();
-        $(e.target).attr("action", action);
-      }
-      function setFilesize() {
-        var files = document.getElementById("file").files;
+    }
+    function submitOverlayPost(e, target) {
+      setFilesize();
+      var action = "http://" + site.getDomainPort() + target + document.getElementById("uploadTarget").value + "?" + $(e.target).serialize();
+      $(e.target).attr("action", action);
+    }
+    function setFilesize() {
+      var files = document.getElementById("file").files;
       if (typeof files[0] !== 'undefined') {
-          document.getElementById("filesize").value = files[0].size;
-        }
+        document.getElementById("filesize").value = files[0].size;
       }
-    </script>
+    }
+  </script>
   <script type="text/javascript">
     (function() {
       var elem = document.getElementById('filemanager');
@@ -776,6 +776,6 @@ <h2>Credits</h2>
       var fe = new window.FileExplorer(elem, options);
     })();
     </script>
-  </body>
+</body>
 
 </html>