diff --git a/www/extras/Navigation/dtree/api.html b/www/extras/Navigation/dtree/api.html
new file mode 100644
index 000000000..3686a8021
--- /dev/null
+++ b/www/extras/Navigation/dtree/api.html
@@ -0,0 +1,252 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html>
+
+<head>
+	<title>Destroydrop &raquo; Javascripts &raquo; Tree &raquo; Api</title>
+
+	<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
+	<link rel="stylesheet" href="/dd.css" type="text/css" />
+	<link rel="shortcut icon" href="/favicon.ico" />
+</head>
+
+<body>
+
+<div id="shadow">
+
+	<div id="content">
+
+		<div id="location">
+			<h1><a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a> &raquo; <a href="/javascripts/tree/api/">Api</a></h1>
+		</div>
+
+
+		<div class="line"></div>
+
+		<div id="files">
+
+
+<h3>Overview</h3>
+<div class="line"></div>
+<div class="item">
+
+	<ul class="arrow">
+		<li><a href="#functions">Functions</a>
+			<ul class="arrow">
+				<li><a href="#add">add</a></li>
+				<li><a href="#openall">openAll</a></li>
+				<li><a href="#closeall">closeAll</a></li>
+				<li><a href="#opento">openTo</a></li>
+			</ul>
+		</li>
+		<li><a href="#configuration">Configuration</a></li>
+	</ul>
+
+</div>
+
+<a name="functions"></a>
+<h3>Functions</h3>
+<div class="line"></div>
+<div class="item">
+
+	<a name="add"></a>
+	<h4 class="func">add()</h4>
+	<p>Adds a node to the tree.<br />Can only be called before the tree is drawn.</p>
+	<p>id, pid and name are required.</p>
+
+	<h4>Parameters</h4>
+	<table class="files">
+	<tr>
+		<th>Name</th>
+		<th>Type</th>
+		<th>Description</th>
+	</tr>
+	<tr>
+		<td>id</td>
+		<td>Number</td>
+		<td>Unique identity number.</td>
+	</tr>
+	<tr>
+		<td>pid</td>
+		<td>Number</td>
+		<td>Number refering to the parent node. The value for the root node has to be -1.</td>
+	</tr>
+	<tr>
+		<td>name</td>
+		<td>String</td>
+		<td>Text label for the node.</td>
+	</tr>
+	<tr>
+		<td>url</td>
+		<td>String</td>
+		<td>Url for the node.</td>
+	</tr>
+	<tr>
+		<td>title</td>
+		<td>String</td>
+		<td>Title for the node.</td>
+	</tr>
+	<tr>
+		<td>target</td>
+		<td>String</td>
+		<td>Target for the node.</td>
+	</tr>
+	<tr>
+		<td>icon</td>
+		<td>String</td>
+		<td>Image file to use as the icon. Uses default if not specified.</td>
+	</tr>
+	<tr>
+		<td>iconOpen</td>
+		<td>String</td>
+		<td>Image file to use as the open icon. Uses default if not specified.</td>
+	</tr>
+	<tr>
+		<td>open</td>
+		<td>Boolean</td>
+		<td>Is the node open.</td>
+	</tr>
+	</table>
+	<br />
+
+
+	<h4>Example</h4>
+	<p><code>mytree.add(1, 0, 'My node', 'node.html', 'node title', 'mainframe', 'img/musicfolder.gif');</code></p>
+	<br />
+
+	<a name="openall"></a>
+	<h4 class="func">openAll()</h4>
+	<p>Opens all the nodes.<br />Can be called before and after the tree is drawn.</p>
+	<h4>Example</h4>
+	<p><code>mytree.openAll();</code></p>
+	<br />
+
+
+	<a name="closeall"></a>
+	<h4 class="func">closeAll()</h4>
+	<p>Closes all the nodes.<br />Can be called before and after the tree is drawn.</p>
+	<h4>Example</h4>
+	<p><code>mytree.closeAll();</code></p>
+	<br />
+
+
+	<a name="opento"></a>
+	<h4 class="func">openTo()</h4>
+	<p>Opens the tree to a certain node and can also select the node.<br />
+	Can only be called after the tree is drawn.</p>
+
+	<h4>Parameters</h4>
+	<table class="files">
+	<tr>
+		<th>Name</th>
+		<th>Type</th>
+		<th>Description</th>
+	</tr>
+	<tr>
+		<td>id</td>
+		<td>Number</td>
+		<td>Identity number for the node.</td>
+	</tr>
+	<tr>
+		<td>select</td>
+		<td>Boolean</td>
+		<td>Should the node be selected.</td>
+	</tr>
+	</table>
+
+	<h4>Example</h4>
+	<p><code>mytree.openTo(4, true);</code></p>
+
+</div>
+
+<a name="configuration"></a>
+<h3>Configuration</h3>
+<div class="line"></div>
+<div class="item">
+
+	<table class="files">
+	<tr>
+		<th>Variable</th>
+		<th>Type</th>
+		<th>Default</th>
+		<th>Description</th>
+	</tr>
+	<tr>
+		<td>target</td>
+		<td>String</td>
+		<td>true</td>
+		<td>Target for all the nodes.</td>
+	</tr>
+	<tr>
+		<td>folderLinks</td>
+		<td>Boolean</td>
+		<td>true</td>
+		<td>Should folders be links.</td>
+	</tr>
+	<tr>
+		<td>useSelection</td>
+		<td>Boolean</td>
+		<td>true</td>
+		<td>Nodes can be selected(highlighted).</td>
+	</tr>
+	<tr>
+		<td>useCookies</td>
+		<td>Boolean</td>
+		<td>true</td>
+		<td>The tree uses cookies to rember it's state.</td>
+	</tr>
+	<tr>
+		<td>useLines</td>
+		<td>Boolean</td>
+		<td>true</td>
+		<td>Tree is drawn with lines.</td>
+	</tr>
+	<tr>
+		<td>useIcons</td>
+		<td>Boolean</td>
+		<td>true</td>
+		<td>Tree is drawn with icons.</td>
+	</tr>
+	<tr>
+		<td>useStatusText</td>
+		<td>Boolean</td>
+		<td>false</td>
+		<td>Displays node names in the statusbar instead of the url.</td>
+	</tr>
+	<tr>
+		<td>closeSameLevel</td>
+		<td>Boolean</td>
+		<td>false</td>
+		<td>Only one node within a parent can be expanded at the same time.  openAll() and closeAll() functions do not work when this is enabled.</td>
+	</tr>
+	<tr>
+		<td>inOrder</td>
+		<td>Boolean</td>
+		<td>false</td>
+		<td>If parent nodes are always added before children, setting this to true speeds up the tree.</td>
+	</tr>
+	</table>
+
+	<h4>Example</h4>
+	<p><code>mytree.config.target = "mytarget";</code></p>
+
+</div>
+
+		</div>
+
+		<div class="line"></div>
+
+
+		<div id="copy">
+			<p class="right"><a href="http://validator.w3.org/check/referer">XHTML</a>, <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p>
+			<p><a href="mailto&#58;drop&#64;destroydrop&#46;com">&copy;2002-2003 Geir Landr&ouml;</a></p>
+		</div>
+
+	</div>
+
+</div>
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/extras/Navigation/dtree/dtree.css b/www/extras/Navigation/dtree/dtree.css
new file mode 100644
index 000000000..b201c2fd6
--- /dev/null
+++ b/www/extras/Navigation/dtree/dtree.css
@@ -0,0 +1,34 @@
+/*--------------------------------------------------|
+| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
+|---------------------------------------------------|
+| Copyright (c) 2002-2003 Geir Landrö               |
+|--------------------------------------------------*/
+
+.dtree {
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	color: #666;
+	white-space: nowrap;
+}
+.dtree img {
+	border: 0px;
+	vertical-align: middle;
+}
+.dtree a {
+	color: #333;
+	text-decoration: none;
+}
+.dtree a.node, .dtree a.nodeSel {
+	white-space: nowrap;
+	padding: 1px 2px 1px 2px;
+}
+.dtree a.node:hover, .dtree a.nodeSel:hover {
+	color: #333;
+	text-decoration: underline;
+}
+.dtree a.nodeSel {
+	background-color: #c0d2ec;
+}
+.dtree .clip {
+	overflow: hidden;
+}
\ No newline at end of file
diff --git a/www/extras/Navigation/dtree/dtree.js b/www/extras/Navigation/dtree/dtree.js
new file mode 100644
index 000000000..97268a65f
--- /dev/null
+++ b/www/extras/Navigation/dtree/dtree.js
@@ -0,0 +1,693 @@
+/*--------------------------------------------------|
+
+| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
+
+|---------------------------------------------------|
+
+| Copyright (c) 2002-2003 Geir Landrö               |
+
+|                                                   |
+
+| This script can be used freely as long as all     |
+
+| copyright messages are intact.                    |
+
+|                                                   |
+
+| Updated: 17.04.2003                               |
+
+|--------------------------------------------------*/
+
+
+
+// Node object
+
+function Node(id, pid, name, url, title, target, icon, iconOpen, open) {
+
+	this.id = id;
+
+	this.pid = pid;
+
+	this.name = name;
+
+	this.url = url;
+
+	this.title = title;
+
+	this.target = target;
+
+	this.icon = icon;
+
+	this.iconOpen = iconOpen;
+
+	this._io = open || false;
+
+	this._is = false;
+
+	this._ls = false;
+
+	this._hc = false;
+
+	this._ai = 0;
+
+	this._p;
+
+};
+
+
+
+// Tree object
+
+function dTree(objName) {
+
+	this.config = {
+
+		target					: null,
+
+		folderLinks			: true,
+
+		useSelection		: true,
+
+		useCookies			: true,
+
+		useLines				: true,
+
+		useIcons				: true,
+
+		useStatusText		: false,
+
+		closeSameLevel	: false,
+
+		inOrder					: false
+
+	}
+
+	this.icon = {
+
+		root				: _dtree_url + 'img/base.gif', // LK, 20040222: Added _dtree_url
+
+		folder			: _dtree_url + 'img/folder.gif', // LK, 20040222: Added _dtree_url
+
+		folderOpen	: _dtree_url + 'img/folderopen.gif', // LK, 20040222: Added _dtree_url
+
+		node				: _dtree_url + 'img/page.gif', // LK, 20040222: Added _dtree_url
+
+		empty				: _dtree_url + 'img/empty.gif',// LK, 20040222: Added _dtree_url
+
+		line				: _dtree_url + 'img/line.gif',// LK, 20040222: Added _dtree_url
+
+		join				: _dtree_url + 'img/join.gif',// LK, 20040222: Added _dtree_url
+
+		joinBottom	: _dtree_url + 'img/joinbottom.gif',// LK, 20040222: Added _dtree_url
+
+		plus				: _dtree_url + 'img/plus.gif',// LK, 20040222: Added _dtree_url
+
+		plusBottom	: _dtree_url + 'img/plusbottom.gif',// LK, 20040222: Added _dtree_url
+
+		minus				: _dtree_url + 'img/minus.gif',// LK, 20040222: Added _dtree_url
+
+		minusBottom	: _dtree_url + 'img/minusbottom.gif',// LK, 20040222: Added _dtree_url
+
+		nlPlus			: _dtree_url + 'img/nolines_plus.gif',// LK, 20040222: Added _dtree_url
+
+		nlMinus			: _dtree_url + 'img/nolines_minus.gif'// LK, 20040222: Added _dtree_url
+
+	};
+
+	this.obj = objName;
+
+	this.aNodes = [];
+
+	this.aIndent = [];
+
+	this.root = new Node(-99); // LK, 20040222: Changes -1 to -99 because pageId -1 is an existing
+				   // (reserved) page in WebGUI
+	this.selectedNode = null;
+
+	this.selectedFound = false;
+
+	this.completed = false;
+
+};
+
+
+
+// Adds a new node to the node array
+
+dTree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open) {
+
+	this.aNodes[this.aNodes.length] = new Node(id, pid, name, url, title, target, icon, iconOpen, open);
+
+};
+
+
+
+// Open/close all nodes
+
+dTree.prototype.openAll = function() {
+
+	this.oAll(true);
+
+};
+
+dTree.prototype.closeAll = function() {
+
+	this.oAll(false);
+
+};
+
+
+
+// Outputs the tree to the page
+
+dTree.prototype.toString = function() {
+
+	var str = '<div class="dtree">\n';
+
+	if (document.getElementById) {
+
+		if (this.config.useCookies) this.selectedNode = this.getSelected();
+
+		str += this.addNode(this.root);
+
+	} else str += 'Browser not supported.';
+
+	str += '</div>';
+
+	if (!this.selectedFound) this.selectedNode = null;
+
+	this.completed = true;
+
+	return str;
+
+};
+
+
+
+// Creates the tree structure
+
+dTree.prototype.addNode = function(pNode) {
+
+	var str = '';
+
+	var n=0;
+
+	if (this.config.inOrder) n = pNode._ai;
+
+	for (n; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n].pid == pNode.id) {
+
+			var cn = this.aNodes[n];
+
+			cn._p = pNode;
+
+			cn._ai = n;
+
+			this.setCS(cn);
+
+			if (!cn.target && this.config.target) cn.target = this.config.target;
+
+			if (cn._hc && !cn._io && this.config.useCookies) cn._io = this.isOpen(cn.id);
+
+			if (!this.config.folderLinks && cn._hc) cn.url = null;
+
+			if (this.config.useSelection && cn.id == this.selectedNode && !this.selectedFound) {
+
+					cn._is = true;
+
+					this.selectedNode = n;
+
+					this.selectedFound = true;
+
+			}
+
+			str += this.node(cn, n);
+
+			if (cn._ls) break;
+
+		}
+
+	}
+
+	return str;
+
+};
+
+
+
+// Creates the node icon, url and text
+
+dTree.prototype.node = function(node, nodeId) {
+
+	var str = '<div class="dTreeNode">' + this.indent(node, nodeId);
+
+	if (this.config.useIcons) {
+
+		if (!node.icon) node.icon = (this.root.id == node.pid) ? this.icon.root : ((node._hc) ? this.icon.folder : this.icon.node);
+
+		if (!node.iconOpen) node.iconOpen = (node._hc) ? this.icon.folderOpen : this.icon.node;
+
+		if (this.root.id == node.pid) {
+
+			node.icon = this.icon.root;
+
+			node.iconOpen = this.icon.root;
+
+		}
+
+		str += '<img id="i' + this.obj + nodeId + '" src="' + ((node._io) ? node.iconOpen : node.icon) + '" alt="" />';
+
+	}
+
+	if (node.url) {
+
+		str += '<a id="s' + this.obj + nodeId + '" class="' + ((this.config.useSelection) ? ((node._is ? 'nodeSel' : 'node')) : 'node') + '" href="' + node.url + '"';
+
+		if (node.title) str += ' title="' + node.title + '"';
+
+		if (node.target) str += ' target="' + node.target + '"';
+
+		if (this.config.useStatusText) str += ' onmouseover="window.status=\'' + node.name + '\';return true;" onmouseout="window.status=\'\';return true;" ';
+
+		if (this.config.useSelection && ((node._hc && this.config.folderLinks) || !node._hc))
+
+			str += ' onclick="javascript: ' + this.obj + '.s(' + nodeId + ');"';
+
+		str += '>';
+
+	}
+
+	else if ((!this.config.folderLinks || !node.url) && node._hc && node.pid != this.root.id)
+
+		str += '<a href="javascript: ' + this.obj + '.o(' + nodeId + ');" class="node">';
+
+	str += node.name;
+
+	if (node.url || ((!this.config.folderLinks || !node.url) && node._hc)) str += '</a>';
+
+	str += '</div>';
+
+	if (node._hc) {
+
+		str += '<div id="d' + this.obj + nodeId + '" class="clip" style="display:' + ((this.root.id == node.pid || node._io) ? 'block' : 'none') + ';">';
+
+		str += this.addNode(node);
+
+		str += '</div>';
+
+	}
+
+	this.aIndent.pop();
+
+	return str;
+
+};
+
+
+
+// Adds the empty and line icons
+
+dTree.prototype.indent = function(node, nodeId) {
+
+	var str = '';
+
+	if (this.root.id != node.pid) {
+
+		for (var n=0; n<this.aIndent.length; n++)
+
+			str += '<img src="' + ( (this.aIndent[n] == 1 && this.config.useLines) ? this.icon.line : this.icon.empty ) + '" alt="" />';
+
+		(node._ls) ? this.aIndent.push(0) : this.aIndent.push(1);
+
+		if (node._hc) {
+
+			str += '<a href="javascript: ' + this.obj + '.o(' + nodeId + ');"><img id="j' + this.obj + nodeId + '" src="';
+
+			if (!this.config.useLines) str += (node._io) ? this.icon.nlMinus : this.icon.nlPlus;
+
+			else str += ( (node._io) ? ((node._ls && this.config.useLines) ? this.icon.minusBottom : this.icon.minus) : ((node._ls && this.config.useLines) ? this.icon.plusBottom : this.icon.plus ) );
+
+			str += '" alt="" /></a>';
+
+		} else str += '<img src="' + ( (this.config.useLines) ? ((node._ls) ? this.icon.joinBottom : this.icon.join ) : this.icon.empty) + '" alt="" />';
+
+	}
+
+	return str;
+
+};
+
+
+
+// Checks if a node has any children and if it is the last sibling
+
+dTree.prototype.setCS = function(node) {
+
+	var lastId;
+
+	for (var n=0; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n].pid == node.id) node._hc = true;
+
+		if (this.aNodes[n].pid == node.pid) lastId = this.aNodes[n].id;
+
+	}
+
+	if (lastId==node.id) node._ls = true;
+
+};
+
+
+
+// Returns the selected node
+
+dTree.prototype.getSelected = function() {
+
+	var sn = this.getCookie('cs' + this.obj);
+
+	return (sn) ? sn : null;
+
+};
+
+
+
+// Highlights the selected node
+
+dTree.prototype.s = function(id) {
+
+	if (!this.config.useSelection) return;
+
+	var cn = this.aNodes[id];
+
+	if (cn._hc && !this.config.folderLinks) return;
+
+	if (this.selectedNode != id) {
+
+		if (this.selectedNode || this.selectedNode==0) {
+
+			eOld = document.getElementById("s" + this.obj + this.selectedNode);
+
+			eOld.className = "node";
+
+		}
+
+		eNew = document.getElementById("s" + this.obj + id);
+
+		eNew.className = "nodeSel";
+
+		this.selectedNode = id;
+
+		if (this.config.useCookies) this.setCookie('cs' + this.obj, cn.id);
+
+	}
+
+};
+
+
+
+// Toggle Open or close
+
+dTree.prototype.o = function(id) {
+
+	var cn = this.aNodes[id];
+
+	this.nodeStatus(!cn._io, id, cn._ls);
+
+	cn._io = !cn._io;
+
+	if (this.config.closeSameLevel) this.closeLevel(cn);
+
+	if (this.config.useCookies) this.updateCookie();
+
+};
+
+
+
+// Open or close all nodes
+
+dTree.prototype.oAll = function(status) {
+
+	for (var n=0; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n]._hc && this.aNodes[n].pid != this.root.id) {
+
+			this.nodeStatus(status, n, this.aNodes[n]._ls)
+
+			this.aNodes[n]._io = status;
+
+		}
+
+	}
+
+	if (this.config.useCookies) this.updateCookie();
+
+};
+
+
+
+// Opens the tree to a specific node
+
+dTree.prototype.openTo = function(nId, bSelect, bFirst) {
+
+	if (!bFirst) {
+
+		for (var n=0; n<this.aNodes.length; n++) {
+
+			if (this.aNodes[n].id == nId) {
+
+				nId=n;
+
+				break;
+
+			}
+
+		}
+
+	}
+
+	var cn=this.aNodes[nId];
+
+	if (cn.pid==this.root.id || !cn._p) return;
+
+	cn._io = true;
+
+	cn._is = bSelect;
+
+	if (this.completed && cn._hc) this.nodeStatus(true, cn._ai, cn._ls);
+
+	if (this.completed && bSelect) this.s(cn._ai);
+
+	else if (bSelect) this._sn=cn._ai;
+
+	this.openTo(cn._p._ai, false, true);
+
+};
+
+
+
+// Closes all nodes on the same level as certain node
+
+dTree.prototype.closeLevel = function(node) {
+
+	for (var n=0; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n].pid == node.pid && this.aNodes[n].id != node.id && this.aNodes[n]._hc) {
+
+			this.nodeStatus(false, n, this.aNodes[n]._ls);
+
+			this.aNodes[n]._io = false;
+
+			this.closeAllChildren(this.aNodes[n]);
+
+		}
+
+	}
+
+}
+
+
+
+// Closes all children of a node
+
+dTree.prototype.closeAllChildren = function(node) {
+
+	for (var n=0; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n].pid == node.id && this.aNodes[n]._hc) {
+
+			if (this.aNodes[n]._io) this.nodeStatus(false, n, this.aNodes[n]._ls);
+
+			this.aNodes[n]._io = false;
+
+			this.closeAllChildren(this.aNodes[n]);		
+
+		}
+
+	}
+
+}
+
+
+
+// Change the status of a node(open or closed)
+
+dTree.prototype.nodeStatus = function(status, id, bottom) {
+
+	eDiv	= document.getElementById('d' + this.obj + id);
+
+	eJoin	= document.getElementById('j' + this.obj + id);
+
+	if (this.config.useIcons) {
+
+		eIcon	= document.getElementById('i' + this.obj + id);
+
+		eIcon.src = (status) ? this.aNodes[id].iconOpen : this.aNodes[id].icon;
+
+	}
+
+	eJoin.src = (this.config.useLines)?
+
+	((status)?((bottom)?this.icon.minusBottom:this.icon.minus):((bottom)?this.icon.plusBottom:this.icon.plus)):
+
+	((status)?this.icon.nlMinus:this.icon.nlPlus);
+
+	eDiv.style.display = (status) ? 'block': 'none';
+
+};
+
+
+
+
+
+// [Cookie] Clears a cookie
+
+dTree.prototype.clearCookie = function() {
+
+	var now = new Date();
+
+	var yesterday = new Date(now.getTime() - 1000 * 60 * 60 * 24);
+
+	this.setCookie('co'+this.obj, 'cookieValue', yesterday);
+
+	this.setCookie('cs'+this.obj, 'cookieValue', yesterday);
+
+};
+
+
+
+// [Cookie] Sets value in a cookie
+
+dTree.prototype.setCookie = function(cookieName, cookieValue, expires, path, domain, secure) {
+
+	document.cookie =
+
+		escape(cookieName) + '=' + escape(cookieValue)
+
+		+ (expires ? '; expires=' + expires.toGMTString() : '')
+
+		+ (path ? '; path=' + path : '')
+
+		+ (domain ? '; domain=' + domain : '')
+
+		+ (secure ? '; secure' : '');
+
+};
+
+
+
+// [Cookie] Gets a value from a cookie
+
+dTree.prototype.getCookie = function(cookieName) {
+
+	var cookieValue = '';
+
+	var posName = document.cookie.indexOf(escape(cookieName) + '=');
+
+	if (posName != -1) {
+
+		var posValue = posName + (escape(cookieName) + '=').length;
+
+		var endPos = document.cookie.indexOf(';', posValue);
+
+		if (endPos != -1) cookieValue = unescape(document.cookie.substring(posValue, endPos));
+
+		else cookieValue = unescape(document.cookie.substring(posValue));
+
+	}
+
+	return (cookieValue);
+
+};
+
+
+
+// [Cookie] Returns ids of open nodes as a string
+
+dTree.prototype.updateCookie = function() {
+
+	var str = '';
+
+	for (var n=0; n<this.aNodes.length; n++) {
+
+		if (this.aNodes[n]._io && this.aNodes[n].pid != this.root.id) {
+
+			if (str) str += '.';
+
+			str += this.aNodes[n].id;
+
+		}
+
+	}
+
+	this.setCookie('co' + this.obj, str);
+
+};
+
+
+
+// [Cookie] Checks if a node id is in a cookie
+
+dTree.prototype.isOpen = function(id) {
+
+	var aOpen = this.getCookie('co' + this.obj).split('.');
+
+	for (var n=0; n<aOpen.length; n++)
+
+		if (aOpen[n] == id) return true;
+
+	return false;
+
+};
+
+
+
+// If Push and pop is not implemented by the browser
+
+if (!Array.prototype.push) {
+
+	Array.prototype.push = function array_push() {
+
+		for(var i=0;i<arguments.length;i++)
+
+			this[this.length]=arguments[i];
+
+		return this.length;
+
+	}
+
+};
+
+if (!Array.prototype.pop) {
+
+	Array.prototype.pop = function array_pop() {
+
+		lastElement = this[this.length-1];
+
+		this.length = Math.max(this.length-1,0);
+
+		return lastElement;
+
+	}
+
+};
diff --git a/www/extras/Navigation/dtree/example01.html b/www/extras/Navigation/dtree/example01.html
new file mode 100644
index 000000000..07d47a2a5
--- /dev/null
+++ b/www/extras/Navigation/dtree/example01.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html>
+
+<head>
+	<title>Destroydrop &raquo; Javascripts &raquo; Tree</title>
+
+	<link rel="StyleSheet" href="dtree.css" type="text/css" />
+	<script type="text/javascript" src="dtree.js"></script>
+
+</head>
+
+<body>
+
+<h1><a href="/">Destroydrop</a> &raquo; <a href="/javascripts/">Javascripts</a> &raquo; <a href="/javascripts/tree/">Tree</a></h1>
+
+<h2>Example</h2>
+
+<div class="dtree">
+
+	<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
+
+	<script type="text/javascript">
+		<!--
+
+		d = new dTree('d');
+
+		d.add(0,-1,'My example tree');
+		d.add(1,0,'Node 1','example01.html');
+		d.add(2,0,'Node 2','example01.html');
+		d.add(3,1,'Node 1.1','example01.html');
+		d.add(4,0,'Node 3','example01.html');
+		d.add(5,3,'Node 1.1.1','example01.html');
+		d.add(6,5,'Node 1.1.1.1','example01.html');
+		d.add(7,0,'Node 4','example01.html');
+		d.add(8,1,'Node 1.2','example01.html');
+		d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
+		d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');
+		d.add(11,9,'Mom\'s birthday','example01.html');
+		d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');
+
+		document.write(d);
+
+		//-->
+	</script>
+
+</div>
+
+<p><a href="mailto&#58;drop&#64;destroydrop&#46;com">&copy;2002-2003 Geir Landr&ouml;</a></p>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/www/extras/Navigation/dtree/img/base.gif b/www/extras/Navigation/dtree/img/base.gif
new file mode 100644
index 000000000..9ac0b117b
Binary files /dev/null and b/www/extras/Navigation/dtree/img/base.gif differ
diff --git a/www/extras/Navigation/dtree/img/cd.gif b/www/extras/Navigation/dtree/img/cd.gif
new file mode 100644
index 000000000..750381940
Binary files /dev/null and b/www/extras/Navigation/dtree/img/cd.gif differ
diff --git a/www/extras/Navigation/dtree/img/empty.gif b/www/extras/Navigation/dtree/img/empty.gif
new file mode 100644
index 000000000..b5cf52378
Binary files /dev/null and b/www/extras/Navigation/dtree/img/empty.gif differ
diff --git a/www/extras/Navigation/dtree/img/folder.gif b/www/extras/Navigation/dtree/img/folder.gif
new file mode 100644
index 000000000..eb129763d
Binary files /dev/null and b/www/extras/Navigation/dtree/img/folder.gif differ
diff --git a/www/extras/Navigation/dtree/img/folderopen.gif b/www/extras/Navigation/dtree/img/folderopen.gif
new file mode 100644
index 000000000..c5c31102d
Binary files /dev/null and b/www/extras/Navigation/dtree/img/folderopen.gif differ
diff --git a/www/extras/Navigation/dtree/img/globe.gif b/www/extras/Navigation/dtree/img/globe.gif
new file mode 100644
index 000000000..57123d0e6
Binary files /dev/null and b/www/extras/Navigation/dtree/img/globe.gif differ
diff --git a/www/extras/Navigation/dtree/img/imgfolder.gif b/www/extras/Navigation/dtree/img/imgfolder.gif
new file mode 100644
index 000000000..e6d880347
Binary files /dev/null and b/www/extras/Navigation/dtree/img/imgfolder.gif differ
diff --git a/www/extras/Navigation/dtree/img/join.gif b/www/extras/Navigation/dtree/img/join.gif
new file mode 100644
index 000000000..34dd47610
Binary files /dev/null and b/www/extras/Navigation/dtree/img/join.gif differ
diff --git a/www/extras/Navigation/dtree/img/joinbottom.gif b/www/extras/Navigation/dtree/img/joinbottom.gif
new file mode 100644
index 000000000..48b81c80a
Binary files /dev/null and b/www/extras/Navigation/dtree/img/joinbottom.gif differ
diff --git a/www/extras/Navigation/dtree/img/line.gif b/www/extras/Navigation/dtree/img/line.gif
new file mode 100644
index 000000000..1a259eea0
Binary files /dev/null and b/www/extras/Navigation/dtree/img/line.gif differ
diff --git a/www/extras/Navigation/dtree/img/minus.gif b/www/extras/Navigation/dtree/img/minus.gif
new file mode 100644
index 000000000..3d212a97a
Binary files /dev/null and b/www/extras/Navigation/dtree/img/minus.gif differ
diff --git a/www/extras/Navigation/dtree/img/minusbottom.gif b/www/extras/Navigation/dtree/img/minusbottom.gif
new file mode 100644
index 000000000..dc3198be2
Binary files /dev/null and b/www/extras/Navigation/dtree/img/minusbottom.gif differ
diff --git a/www/extras/Navigation/dtree/img/musicfolder.gif b/www/extras/Navigation/dtree/img/musicfolder.gif
new file mode 100644
index 000000000..f620789fe
Binary files /dev/null and b/www/extras/Navigation/dtree/img/musicfolder.gif differ
diff --git a/www/extras/Navigation/dtree/img/nolines_minus.gif b/www/extras/Navigation/dtree/img/nolines_minus.gif
new file mode 100644
index 000000000..2592ac20f
Binary files /dev/null and b/www/extras/Navigation/dtree/img/nolines_minus.gif differ
diff --git a/www/extras/Navigation/dtree/img/nolines_plus.gif b/www/extras/Navigation/dtree/img/nolines_plus.gif
new file mode 100644
index 000000000..f258ce211
Binary files /dev/null and b/www/extras/Navigation/dtree/img/nolines_plus.gif differ
diff --git a/www/extras/Navigation/dtree/img/page.gif b/www/extras/Navigation/dtree/img/page.gif
new file mode 100644
index 000000000..42d7318c5
Binary files /dev/null and b/www/extras/Navigation/dtree/img/page.gif differ
diff --git a/www/extras/Navigation/dtree/img/plus.gif b/www/extras/Navigation/dtree/img/plus.gif
new file mode 100644
index 000000000..b2c997233
Binary files /dev/null and b/www/extras/Navigation/dtree/img/plus.gif differ
diff --git a/www/extras/Navigation/dtree/img/plusbottom.gif b/www/extras/Navigation/dtree/img/plusbottom.gif
new file mode 100644
index 000000000..b5671d891
Binary files /dev/null and b/www/extras/Navigation/dtree/img/plusbottom.gif differ
diff --git a/www/extras/Navigation/dtree/img/question.gif b/www/extras/Navigation/dtree/img/question.gif
new file mode 100644
index 000000000..dd4e68507
Binary files /dev/null and b/www/extras/Navigation/dtree/img/question.gif differ
diff --git a/www/extras/Navigation/dtree/img/trash.gif b/www/extras/Navigation/dtree/img/trash.gif
new file mode 100644
index 000000000..cfa0f000e
Binary files /dev/null and b/www/extras/Navigation/dtree/img/trash.gif differ

Name	Type	Description
id	Number	Unique identity number.
pid	Number	Number refering to the parent node. The value for the root node has to be -1.
name	String	Text label for the node.
url	String	Url for the node.
title	String	Title for the node.
target	String	Target for the node.
icon	String	Image file to use as the icon. Uses default if not specified.
iconOpen	String	Image file to use as the open icon. Uses default if not specified.
open	Boolean	Is the node open.
Name	Type	Description
id	Number	Identity number for the node.
select	Boolean	Should the node be selected.
Variable	Type	Default	Description
target	String	true	Target for all the nodes.
folderLinks	Boolean	true	Should folders be links.
useSelection	Boolean	true	Nodes can be selected(highlighted).
useCookies	Boolean	true	The tree uses cookies to rember it's state.
useLines	Boolean	true	Tree is drawn with lines.
useIcons	Boolean	true	Tree is drawn with icons.
useStatusText	Boolean	false	Displays node names in the statusbar instead of the url.
closeSameLevel	Boolean	false	Only one node within a parent can be expanded at the same time. openAll() and closeAll() functions do not work when this is enabled.
inOrder	Boolean	false	If parent nodes are always added before children, setting this to true speeds up the tree.