diff --git a/phpgwapi/inc/class.common.inc.php b/phpgwapi/inc/class.common.inc.php
index e044fe2760..5a8e6c06cc 100644
--- a/phpgwapi/inc/class.common.inc.php
+++ b/phpgwapi/inc/class.common.inc.php
@@ -1338,6 +1338,14 @@
 				}
 			}
 
+			if ($GLOBALS['egw_info']['flags']['include_xajax'])
+			{
+				require_once(EGW_SERVER_ROOT.'/phpgwapi/inc/xajax.inc.php');
+				$xajax = new xajax($GLOBALS['egw']->link('/xajax.php'));
+				$xajax->registerFunction("doXMLHTTP");
+			}
+			$java_script .= $xajax->getJavascript();
+
 			/* this flag is for all javascript code that has to be put before other jscode. 
 			Think of conf vars etc...  (pim@lingewoud.nl) */
 			if (isset($GLOBALS['egw_info']['flags']['java_script_thirst']))
diff --git a/phpgwapi/inc/xajax.inc.php b/phpgwapi/inc/xajax.inc.php
new file mode 100644
index 0000000000..3a7a53f363
--- /dev/null
+++ b/phpgwapi/inc/xajax.inc.php
@@ -0,0 +1,1088 @@
+<?php
+///////////////////////////////////////////////////////////////////////////////
+// xajax version 0.1 beta4
+// copyright (c) 2005 by J. Max Wilson
+// http://xajax.sourceforge.net
+//
+//
+// xajax is an open source PHP class library for easily creating powerful
+// PHP-driven, web-based AJAX Applications. Using xajax, you can asynchronously
+// call PHP functions and update the content of your your webpage without
+// reloading the page.
+//
+// xajax is released under the terms of the LGPL license
+// http://www.gnu.org/copyleft/lesser.html#SEC3
+//
+// This library is free software; you can redistribute it and/or
+// modify it under the terms of the GNU Lesser General Public
+// License as published by the Free Software Foundation; either
+// version 2.1 of the License, or (at your option) any later version.
+//
+// This library is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+// Lesser General Public License for more details.
+// 
+// You should have received a copy of the GNU Lesser General Public
+// License along with this library; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+///////////////////////////////////////////////////////////////////////////////
+
+// The xajaxResponse class is used to created responses to be sent back to your
+// webpage.  A response contains one or more command messages for updating your page.
+// Currently xajax supports five kinds of command messages:
+// * Assign - sets the specified attribute of an element in your page
+// * Append - appends data to the end of the specified attribute of an element in your page
+// * Prepend - prepends data to teh beginning of the specified attribute of an element in your page
+// * Replace - searches for and replaces data in the specified attribute of an element in your page
+// * Script - runs JavaScript
+// * Alert - shows an alert box with the suplied message text
+// elements are identified by their HTML id
+class xajaxResponse
+{
+	var $xml;
+
+	// Constructor
+	function xajaxResponse()
+	{
+		$this->xml = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>";
+		$this->xml .= "<xajax>";
+	}
+	
+	// addAssign() adds an assign command message to your xml response
+	// $sTarget is a string containing the id of an HTML element
+	// $sAttribute is the part of the element you wish to modify ("innerHTML", "value", etc.)
+	// $sData is the data you want to set the attribute to
+	// usage: $objResponse->addAssign("contentDiv","innerHTML","Some Text");
+	function addAssign($sTarget,$sAttribute,$sData)
+	{
+		$this->xml .= "<update action=\"assign\">";
+		$this->xml .= "<target attribute=\"$sAttribute\">$sTarget</target>";
+		$this->xml .= "<data><![CDATA[$sData]]></data>";
+		$this->xml .= "</update>";
+	}
+	
+	// addAppend() adds an append command message to your xml response
+	// $sTarget is a string containing the id of an HTML element
+	// $sAttribute is the part of the element you wish to modify ("innerHTML", "value", etc.)
+	// $sData is the data you want to append to the end of the attribute
+	// usage: $objResponse->addAppend("contentDiv","innerHTML","Some Text");
+	function addAppend($sTarget,$sAttribute,$sData)
+	{
+		$this->xml .= "<update action=\"append\">";
+		$this->xml .= "<target attribute=\"$sAttribute\">$sTarget</target>";
+		$this->xml .= "<data><![CDATA[$sData]]></data>";
+		$this->xml .= "</update>";
+	}
+	
+	// addPrepend() adds an prepend command message to your xml response
+	// $sTarget is a string containing the id of an HTML element
+	// $sAttribute is the part of the element you wish to modify ("innerHTML", "value", etc.)
+	// $sData is the data you want to prepend to the beginning of the attribute
+	// usage: $objResponse->addPrepend("contentDiv","innerHTML","Some Text");
+	function addPrepend($sTarget,$sAttribute,$sData)
+	{
+		$this->xml .= "<update action=\"prepend\">";
+		$this->xml .= "<target attribute=\"$sAttribute\">$sTarget</target>";
+		$this->xml .= "<data><![CDATA[$sData]]></data>";
+		$this->xml .= "</update>";
+	}
+	
+	// addReplace() adds an replace command message to your xml response
+	// $sTarget is a string containing the id of an HTML element
+	// $sAttribute is the part of the element you wish to modify ("innerHTML", "value", etc.)
+	// $sSearch is a string to search for
+	// $sData is a string to replace the search string when found in the attribute
+	// usage: $objResponse->addReplace("contentDiv","innerHTML","text","<b>text</b>");
+	function addReplace($sTarget,$sAttribute,$sSearch,$sData)
+	{
+		$this->xml .= "<update action=\"replace\">";
+		$this->xml .= "<target attribute=\"$sAttribute\">$sTarget</target>";
+		$this->xml .= "<search><![CDATA[$sSearch]]></search>";
+		$this->xml .= "<data><![CDATA[$sData]]></data>";
+		$this->xml .= "</update>";
+	}
+	
+	// addClear() adds an clear command message to your xml response
+	// $sTarget is a string containing the id of an HTML element
+	// $sAttribute is the part of the element you wish to clear ("innerHTML", "value", etc.)
+	// usage: $objResponse->addClear("contentDiv","innerHTML");
+	function addClear($sTarget,$sAttribute)
+	{
+		$this->xml .= "<update action=\"clear\">";
+		$this->xml .= "<target attribute=\"$sAttribute\">$sTarget</target>";
+		$this->xml .= "</update>";
+	}
+	
+	// addAlert() adds an alert command message to your xml response
+	// $sMsg is a text to be displayed in the alert box
+	// usage: $objResponse->addAlert("This is some text");
+	function addAlert($sMsg)
+	{
+		$this->xml .= "<alert><![CDATA[$sMsg]]></alert>";
+	}
+
+	// addScript() adds a jscript command message to your xml response
+	// $sJS is a string containing javascript code to be executed
+	// usage: $objResponse->addAlert("var x = prompt('get some text');");
+	function addScript($sJS)
+	{
+		$this->xml .= "<jscript><![CDATA[$sJS]]></jscript>";
+	}
+	
+	// addRemove() adds a Remove Element command message to your xml response
+	// $sTarget is a string containing the id of an HTML element to be removed
+	// from your page
+	// usage: $objResponse->addRemove("Div2");
+	function addRemove($sTarget)
+	{
+		$this->xml .= "<update action=\"remove\">";
+		$this->xml .= "<target>$sTarget</target>";
+		$this->xml .= "</update>";
+	}
+	
+	function addCreate($sParent, $sTag, $sId, $sType="")
+	{
+		$this->xml .= "<update action=\"create\">";
+		$this->xml .= "<target attribute=\"$sTag\">$sParent</target>";
+		$this->xml .= "<data><![CDATA[$sId]]></data>";
+		if ($sType != "")
+			$this->xml .= "<type><![CDATA[$sType]]></type>";
+		$this->xml .= "</update>";
+	}
+	
+	// getXML() returns the xml to be returned from your function to the xajax
+	// processor on your page
+	// usage: $objResponse->getXML();
+	function getXML()
+	{
+		if (strstr($this->xml,"</xajax>") == false)
+			$this->xml .= "</xajax>";
+		
+		return $this->xml; 
+	}
+}// end class xajaxResponse
+
+// Communication Method Defines
+if (!defined ('GET'))
+{
+	define ('GET', 0);
+}
+if (!defined ('POST'))
+{
+	define ('POST', 1);
+}
+
+// the xajax class generates the xajax javascript for your page including the 
+// javascript wrappers for the PHP functions that you want to call from your page.
+// It also handles processing and executing the command messages in the xml responses
+// sent back to your page from your PHP functions.
+class xajax
+{
+	var $aFunctions;			// Array of PHP functions that will be callable through javascript wrappers
+	var $aFunctionRequestTypes;	// Array of RequestTypes to be used with each function (key=function name)
+	var $sRequestURI;			// The URI for making requests to the xajax object
+	var $bDebug;				// Show debug messages true/false
+	var $sWrapperPrefix;		// The prefix to prepend to the javascript wraper function name
+	var $bStatusMessages;		// Show debug messages true/false
+	var $aObjArray;				// Array for parsing complex objects
+	var $iPos;					// Position in $aObjArray
+	
+	// Contructor
+	// $sRequestURI - defaults to the current page
+	// $bDebug Mode - defaults to false
+	// $sWrapperPrefix - defaults to "xajax_";
+	// usage: $xajax = new xajax();
+	function xajax($sRequestURI="",$sWrapperPrefix="xajax_",$bDebug=false)
+	{
+		$this->aFunctions = array();
+		$this->sRequestURI = $sRequestURI;
+		if ($this->sRequestURI == "")
+			$this->sRequestURI = $this->detectURI();
+		$this->sWrapperPrefix = $sWrapperPrefix;
+		$this->bDebug = $bDebug;
+	}
+	
+	// detectURL() returns the current URL based upon the SERVER vars
+	// used internally
+	function detectURI()
+	{
+		$aUri = array();
+
+        if (!empty($_SERVER['REQUEST_URI']))
+		{
+            $aUri = parse_url($_SERVER['REQUEST_URI']);
+        }
+        
+        if (empty($aUri['scheme']))
+		{
+			if (!empty($_SERVER['HTTP_SCHEME']))
+			{
+                $aUri['scheme'] = $_SERVER['HTTP_SCHEME'];
+            }
+			else
+			{
+                $aUri['scheme'] = (!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) != 'off') ? 'https' : 'http';
+            }
+
+            if (!empty($_SERVER['HTTP_HOST']))
+			{
+                if (strpos($_SERVER['HTTP_HOST'], ':') > 0)
+				{
+                    list($aUri['host'], $aUri['port']) = explode(':', $_SERVER['HTTP_HOST']);
+                }
+				else
+				{
+					$aUri['host'] = $_SERVER['HTTP_HOST'];
+                }
+            }
+			else if (!empty($_SERVER['SERVER_NAME']))
+			{
+            	$aUri['host'] = $_SERVER['SERVER_NAME'];
+            }
+			else
+			{
+				print "xajax Error: xajax failed to automatically identify your Request URI.";
+				print "Please set the Request URI explicitly when you instantiate the xajax object.";
+                exit();
+            }
+
+            if (empty($aUri['port']) && !empty($_SERVER['SERVER_PORT']))
+			{
+                $aUri['port'] = $_SERVER['SERVER_PORT'];
+            }
+
+            if (empty($aUri['path']))
+			{
+                if (!empty($_SERVER['PATH_INFO']))
+				{
+                    $path = parse_url($_SERVER['PATH_INFO']);
+                }
+				else
+				{
+                    $path = parse_url($_SERVER['PHP_SELF']);
+                }
+                $aUri['path'] = $path['path'];
+                unset($path);
+            }
+        }
+
+        $sUri = $aUri['scheme'] . '://';
+        if (!empty($aUri['user']))
+		{
+            $sUri .= $aUri['user'];
+            if (!empty($aUri['pass']))
+			{
+                $sUri .= ':' . $aUri['pass'];
+            }
+            $sUri .= '@';
+        }
+        
+        $sUri .= $aUri['host'];
+        
+        if (!empty($aUri['port']) && (($aUri['scheme'] == 'http' && $aUri['port'] != 80) || ($aUri['scheme'] == 'https' && $aUri['port'] != 443)))
+		{
+            $sUri .= ':'.$aUri['port'];
+        }
+        // And finally path, without script name
+        $sUri .= substr($aUri['path'], 0, strrpos($aUri['path'], '/') + 1);
+
+        unset($aUri);
+
+        return $sUri.basename($_SERVER['SCRIPT_NAME']);
+	}
+	
+	// setRequestURI() sets the URI to which requests will be made
+	// usage: $xajax->setRequestURI("http://xajax.sourceforge.net");
+	function setRequestURI($sRequestURI)
+	{
+		$this->sRequestURI = $sRequestURI;
+	}
+	
+	// debugOn() enables debug messages for xajax
+	// usage: $xajax->debugOn();
+	function debugOn()
+	{
+		$this->bDebug = true;
+	}
+	
+	// debugOff() disables debug messages for xajax
+	// usage: $xajax->debugOff();
+	function debugOff()
+	{
+		$this->bDebug = false;
+	}
+	
+	// statusMessagesOn() enables messages in the statusbar for xajax
+	// usage: $xajax->statusMessagesOn();
+	function statusMessagesOn()
+	{
+		$this->bStatusMessages = true;
+	}
+	
+	// statusMessagesOff() disables messages in the statusbar for xajax
+	// usage: $xajax->statusMessagesOff();
+	function statusMessagesOff()
+	{
+		$this->bStatusMessages = false;
+	}
+	
+	// setWrapperPrefix() sets the prefix that will be appended to the javascript
+	// wraper functions.
+	function setWrapperPrefix($sPrefix)
+	{
+		$this->sWrapperPrefix = $sPrefix;
+	}
+	
+	//Dpericated.  Use registerFunction();
+	function addFunction($sFunction,$sRequestType=POST)
+	{
+		trigger_error("xajax: the <b>addFunction()</b> method has been renamed <b>registerFunction()</b>. <br />Please use ->registerFunction('$sFunction'".($sRequestType==GET?",GET":"")."); instead.",E_USER_WARNING);
+		$this->registerFunction($sFunction,$sRequestType);
+	}
+	
+	// registerFunction() registers a PHP function to be callable through xajax
+	// $sFunction is a string containing the function name
+	// $sRequestType is the RequestType (GET/POST) that should be used 
+	//		for this function.  Defaults to POST.
+	// usage: $xajax->registerFunction("myfunction",POST);
+	function registerFunction($sFunction,$sRequestType=POST)
+	{
+		$this->aFunctions[] = $sFunction;
+		$this->aFunctionRequestTypes[$sFunction] = $sRequestType;
+	}
+	
+	// generates the javascript wrapper for the specified PHP function
+	// used internally
+	function wrap($sFunction,$sRequestType=POST)
+	{
+		$js = "function ".$this->sWrapperPrefix."$sFunction(){xajax.call(\"$sFunction\", arguments, ".$sRequestType.");}\n";		
+		return $js;
+	}
+	
+	// processRequests() is the main communications engine of xajax
+	// The engine handles all incoming xajax requests, calls the apporiate PHP functions
+	// and passes the xml responses back to the javascript response handler
+	// if your RequestURI is the same as your web page then this function should
+	// be called before any headers or html has been sent.
+	// usage: $xajax->processRequests()
+	function processRequests()
+	{	
+		if (!empty($_GET['xajaxjs']))
+		{
+			header("Content-type: text/javascript");
+			print $this->generateJavascript();
+			exit();
+			return;
+		}
+		
+		$requestMode = -1;
+		$sFunctionName = "";
+		$aArgs = array();
+		$sResponse = "";
+		
+		if (!empty($_GET["xajax"]))
+			$requestMode = GET;
+		
+		if (!empty($_POST["xajax"]))
+			$requestMode = POST;
+			
+		if ($requestMode == -1) 
+			return;
+	
+		if ($requestMode == POST)
+		{
+			$sFunctionName = $_POST["xajax"];
+			
+			if (!empty($_POST["xajaxargs"])) 
+				$aArgs = $_POST["xajaxargs"];
+		}
+		else
+		{	
+			header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+			header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
+			header ("Cache-Control: no-cache, must-revalidate");
+			header ("Pragma: no-cache");
+			header("Content-type: text/xml");
+			
+			$sFunctionName = $_GET["xajax"];
+			
+			if (!empty($_GET["xajaxargs"])) 
+				$aArgs = $_GET["xajaxargs"];
+		}
+		
+		if (!in_array($sFunctionName, $this->aFunctions))
+		{
+			$objResponse = new xajaxResponse();
+			$objResponse->addAlert("Unknown Function $sFunctionName.");
+			$sResponse = $objResponse->getXML();
+		}
+		else if ($this->aFunctionRequestTypes[$sFunctionName] != $requestMode)
+		{
+			$objResponse = new xajaxResponse();
+			$objResponse->addAlert("Incorrect Request Type.");
+			$sResponse = $objResponse->getXML();
+		}
+		else
+		{
+			for ($i = 0; $i < sizeof($aArgs); $i++)
+			{
+				if (stristr($aArgs[$i],"<xjxobj>") != false)
+				{
+					$aArgs[$i] = $this->xmlToArray("xjxobj",$aArgs[$i]);	
+				}
+				else if (stristr($aArgs[$i],"<xjxquery>") != false)
+				{
+					$aArgs[$i] = $this->xmlToArray("xjxquery",$aArgs[$i]);	
+				}
+			}
+			$sResponse = call_user_func_array($sFunctionName, $aArgs);
+		}
+		
+		header("Content-type: text/xml; charset=utf-8");
+		print $sResponse;
+		
+		exit();
+	}
+	
+	// xmlToArray() takes a string containing xajax xjxobj xml or xjxquery xml
+	// and builds an array representation of it to pass as an argument to
+	// the php function being called. Returns an array.
+	// used internally
+	function xmlToArray($rootTag, $sXml)
+	{
+		$aArray = array();
+		$sXml = str_replace("<$rootTag>","<$rootTag>|~|",$sXml);
+		$sXml = str_replace("</$rootTag>","</$rootTag>|~|",$sXml);
+		$sXml = str_replace("<e>","<e>|~|",$sXml);
+		$sXml = str_replace("</e>","</e>|~|",$sXml);
+		$sXml = str_replace("<k>","<k>|~|",$sXml);
+		$sXml = str_replace("</k>","|~|</k>|~|",$sXml);
+		$sXml = str_replace("<v>","<v>|~|",$sXml);
+		$sXml = str_replace("</v>","|~|</v>|~|",$sXml);
+		$sXml = str_replace("<q>","<q>|~|",$sXml);
+		$sXml = str_replace("</q>","|~|</q>|~|",$sXml);
+		
+		$this->aObjArray = explode("|~|",$sXml);
+		
+		$this->iPos = 0;
+		$aArray = $this->parseObjXml($rootTag);
+		
+		return $aArray;
+	}
+	
+	// parseObjXml() is a recursive function that generates an array from the
+	// contents of $this->aObjArray. Returns an array.
+	// used internally
+	function parseObjXml($rootTag)
+	{
+		$aArray = array();
+		
+		if ($rootTag == "xjxobj")
+		{
+			while(!stristr($this->aObjArray[$this->iPos],"</xjxobj>"))
+			{
+				$this->iPos++;
+				if(stristr($this->aObjArray[$this->iPos],"<e>"))
+				{
+					$key = "";
+					$value = null;
+						
+					$this->iPos++;
+					while(!stristr($this->aObjArray[$this->iPos],"</e>"))
+					{
+						if(stristr($this->aObjArray[$this->iPos],"<k>"))
+						{
+							$this->iPos++;
+							while(!stristr($this->aObjArray[$this->iPos],"</k>"))
+							{
+								$key .= $this->aObjArray[$this->iPos];
+								$this->iPos++;
+							}
+						}
+						if(stristr($this->aObjArray[$this->iPos],"<v>"))
+						{
+							$this->iPos++;
+							while(!stristr($this->aObjArray[$this->iPos],"</v>"))
+							{
+								if(stristr($this->aObjArray[$this->iPos],"<xjxobj>"))
+								{
+									$value = $this->parseObjXml("xjxobj");
+									$this->iPos++;
+								}
+								else
+								{
+									$value .= $this->aObjArray[$this->iPos];
+								}
+								$this->iPos++;
+							}
+						}
+						$this->iPos++;
+					}
+					$aArray[$key]=$value;
+				}
+			}
+		}
+		
+		if ($rootTag == "xjxquery")
+		{
+			$sQuery = "";
+			$this->iPos++;
+			while(!stristr($this->aObjArray[$this->iPos],"</xjxquery>"))
+			{
+				if (stristr($this->aObjArray[$this->iPos],"<q>") || stristr($this->aObjArray[$this->iPos],"</q>"))
+				{
+					$this->iPos++;
+					continue;
+				}
+				$sQuery	.= $this->aObjArray[$this->iPos];
+				$this->iPos++;
+			}
+			parse_str($sQuery, $aArray);
+		}
+		
+		return $aArray;
+	}
+	
+	// Depricated.  Use printJavascript();
+	function javascript($sJsURI="")
+	{
+		trigger_error("xajax: the <b>javascript()</b> method has been renamed <b>printJavascript()</b>. <br />Please use ->printJavascript(".($sJsURI==""?"":"'$sJsURI'")."); instead.",E_USER_WARNING);
+		$this->printJavascript($sJsURI);
+	}
+	
+	// printJavascript() prints the xajax javascript code into your page
+	// it should only be called between the <head> </head> tags
+	// usage:
+	//	<head>
+	//		...
+	//		<?php $xajax->printJavascript(); 
+	function printJavascript($sJsURI="")
+	{
+		print $this->getJavascript($sJsURI);
+	}
+	
+	// getJavascript() returns the xajax javascript code that should be added to
+	// your page between the <head> </head> tags
+	// usage:
+	//	<head>
+	//		...
+	//		<?php $xajax->getJavascript(); 
+	function getJavascript($sJsURI="")
+	{	
+		if ($sJsURI == "")
+			$sJsURI = $this->sRequestURI;
+			
+		$separator=strpos($sJsURI,'?')==false?'?':'&';
+		
+		$html  = "<script type=\"text/javascript\">var xajaxRequestUri=\"".$this->sRequestURI."\";</script>\n";
+		$html .= "\t<script type=\"text/javascript\" src=\"".$sJsURI.$separator."xajaxjs=xajaxjs\"></script>\n";
+		
+		return $html;
+	}
+	
+	// compressJavascript() compresses the javascript code for more efficient delivery
+	// used internally 
+	// $sJS is a string containing the javascript code to compress
+	function compressJavascript($sJS)
+	{
+		//remove windows cariage returns
+		$sJS = str_replace("\r","",$sJS);
+		
+		//array to store replaced literal strings
+		$literal_strings = array();
+		
+		//explode the string into lines
+		$lines = explode("\n",$sJS);
+		//loop through all the lines, building a new string at the same time as removing literal strings
+		$clean = "";
+		$inComment = false;
+		$literal = "";
+		$inQuote = false;
+		$escaped = false;
+		$quoteChar = "";
+		
+		for($i=0;$i<count($lines);$i++)
+		{
+			$line = $lines[$i];
+			$inNormalComment = false;
+		
+			//loop through line's characters and take out any literal strings, replace them with ___i___ where i is the index of this string
+			for($j=0;$j<strlen($line);$j++)
+			{
+				$c = substr($line,$j,1);
+				$d = substr($line,$j,2);
+		
+				//look for start of quote
+				if(!$inQuote && !$inComment)
+				{
+					//is this character a quote or a comment
+					if(($c=="\"" || $c=="'") && !$inComment && !$inNormalComment)
+					{
+						$inQuote = true;
+						$inComment = false;
+						$escaped = false;
+						$quoteChar = $c;
+						$literal = $c;
+					}
+					else if($d=="/*" && !$inNormalComment)
+					{
+						$inQuote = false;
+						$inComment = true;
+						$escaped = false;
+						$quoteChar = $d;
+						$literal = $d;	
+						$j++;	
+					}
+					else if($d=="//") //ignore string markers that are found inside comments
+					{
+						$inNormalComment = true;
+						$clean .= $c;
+					}
+					else
+					{
+						$clean .= $c;
+					}
+				}
+				else //allready in a string so find end quote
+				{
+					if($c == $quoteChar && !$escaped && !$inComment)
+					{
+						$inQuote = false;
+						$literal .= $c;
+		
+						//subsitute in a marker for the string
+						$clean .= "___" . count($literal_strings) . "___";
+		
+						//push the string onto our array
+						array_push($literal_strings,$literal);
+		
+					}
+					else if($inComment && $d=="*/")
+					{
+						$inComment = false;
+						$literal .= $d;
+		
+						//subsitute in a marker for the string
+						$clean .= "___" . count($literal_strings) . "___";
+		
+						//push the string onto our array
+						array_push($literal_strings,$literal);
+		
+						$j++;
+					}
+					else if($c == "\\" && !$escaped)
+						$escaped = true;
+					else
+						$escaped = false;
+		
+					$literal .= $c;
+				}
+			}
+			if($inComment) $literal .= "\n";
+			$clean .= "\n";
+		}
+		//explode the clean string into lines again
+		$lines = explode("\n",$clean);
+		
+		//now process each line at a time
+		for($i=0;$i<count($lines);$i++)
+		{
+			$line = $lines[$i];
+		
+			//remove comments
+			$line = preg_replace("/\/\/(.*)/","",$line);
+		
+			//strip leading and trailing whitespace
+			$line = trim($line);
+		
+			//remove all whitespace with a single space
+			$line = preg_replace("/\s+/"," ",$line);
+		
+			//remove any whitespace that occurs after/before an operator
+			$line = preg_replace("/\s*([!\}\{;,&=\|\-\+\*\/\)\(:])\s*/","\\1",$line);
+		
+			$lines[$i] = $line;
+		}
+		
+		//implode the lines
+		$sJS = implode("\n",$lines);
+		
+		//make sure there is a max of 1 \n after each line
+		$sJS = preg_replace("/[\n]+/","\n",$sJS);
+		
+		//strip out line breaks that immediately follow a semi-colon
+		$sJS = preg_replace("/;\n/",";",$sJS);
+		
+		//curly brackets aren't on their own
+		$sJS = preg_replace("/[\n]*\{[\n]*/","{",$sJS);
+		
+		//finally loop through and replace all the literal strings:
+		for($i=0;$i<count($literal_strings);$i++)
+			$sJS = str_replace("___".$i."___",$literal_strings[$i],$sJS);
+		
+		return $sJS;
+	}
+
+	// generateJavascript() generates all of the xajax javascript code including the javascript
+	// wrappers for the PHP functions specified by the registerFunction() method and the response
+	// xml parser
+	// used internally
+	function generateJavascript()
+	{
+		$js  = "";
+		if ($this->bDebug){ $js .= "var xajaxDebug=".($this->bDebug?"true":"false").";\n"; }
+		
+		ob_start();
+		?>
+		function Xajax()
+		{
+			<?php if ($this->bDebug){ ?>this.DebugMessage = function(text){if (xajaxDebug) alert("Xajax Debug:\n " + text)}<?php	} ?>
+			
+			this.workId = 'xajaxWork'+ new Date().getTime();
+			this.depth = 0;
+			
+			//Get the XMLHttpRequest Object
+			this.getRequestObject = function()
+			{
+				<?php if ($this->bDebug){ ?>this.DebugMessage("Initializing Request Object..");<?php } ?>
+				var req;
+				try
+				{
+					req=new ActiveXObject("Msxml2.XMLHTTP");
+				}
+				catch (e)
+				{
+					try
+					{
+						req=new ActiveXObject("Microsoft.XMLHTTP");
+					}
+					catch (e2)
+					{
+						req=null;
+					}
+				}
+				if(!req && typeof XMLHttpRequest != "undefined")
+					req = new XMLHttpRequest();
+				
+					<?php if ($this->bDebug){ ?>if (!req) this.DebugMessage("Request Object Instantiation failed.");<?php } ?>
+					
+				return req;
+			}
+
+			// xajax.$() is shorthand for document.getElementById()
+			this.$ = function(sId)
+			{
+				return document.getElementById(sId);
+			}
+			
+			// xajax.getFormValues() builds a query string XML message from the elements of a form object
+			this.getFormValues = function(frm)
+			{
+				var objForm;
+				if (typeof(frm) == "string")
+					objForm = this.$(frm);
+				else
+					objForm = frm;
+				var sXml = "<xjxquery><q>";
+				if (objForm && objForm.tagName == 'FORM')
+				{
+					var formElements = objForm.elements;
+					for( var i=0; i < formElements.length; i++)
+					{
+						if ((formElements[i].type == 'radio' || formElements[i].type == 'checkbox') && formElements[i].checked == false)
+							continue;
+						var name = formElements[i].name;
+						if (name)
+						{
+							if (sXml != '<xjxquery><q>')
+								sXml += '&';
+							sXml += name+"="+encodeURIComponent(formElements[i].value);
+						} 
+					}
+				}
+				
+				sXml +="</q></xjxquery>";
+				
+				return sXml;
+			}
+			
+			// Generates an XML message that xajax can understand from a javascript object
+			this.objectToXML = function(obj)
+			{
+				var sXml = "<xjxobj>";
+				for (i in obj)
+				{
+					try
+					{
+						if (i == 'constructor')
+							continue;
+						if (obj[i] && typeof(obj[i]) == 'function')
+							continue;
+							
+						var key = i;
+						var value = obj[i];
+						if (value && typeof(value)=="object" && 
+							(value.constructor == Array
+							 ) && this.depth <= 50)
+						{
+							this.depth++;
+							value = this.objectToXML(value);
+							this.depth--;
+						}
+						
+						sXml += "<e><k>"+key+"</k><v>"+value+"</v></e>";
+						
+					}
+					catch(e)
+					{
+						<?php if ($this->bDebug){ ?>this.DebugMessage(e);<?php } ?>
+					}
+				}
+				sXml += "</xjxobj>";
+			
+				return sXml;
+			}
+
+			// Sends a XMLHttpRequest to call the specified PHP function on the server
+			this.call = function(sFunction, aArgs, sRequestType)
+			{
+				var i,r,postData;
+				if (document.body)
+					document.body.style.cursor = 'wait';
+				<?php if ($this->bStatusMessages == true){?>window.status = 'Sending Request...';<?php } ?>
+				<?php if ($this->bDebug){ ?>this.DebugMessage("Starting xajax...");<?php } ?>
+				var xajaxRequestType = sRequestType;
+				var uri = xajaxRequestUri;
+				var value;
+				switch(xajaxRequestType)
+				{
+					case <?php print GET; ?>:{
+						var uriGet = uri.indexOf("?")==-1?"?xajax="+encodeURIComponent(sFunction):"&xajax="+encodeURIComponent(sFunction);
+						for (i = 0; i<aArgs.length; i++)
+						{
+							value = aArgs[i];
+							if (typeof(value)=="object")
+								value = this.objectToXML(value);
+							uriGet += "&xajaxargs[]="+encodeURIComponent(value);
+						}
+						uriGet += "&xajaxr=" + new Date().getTime();
+						uri += uriGet;
+						postData = null;
+						} break;
+					case <?php print POST; ?>:{
+						postData = "xajax="+encodeURIComponent(sFunction);
+						postData += "&xajaxr="+new Date().getTime();
+						for (i = 0; i <aArgs.length; i++)
+						{
+							value = aArgs[i];
+							if (typeof(value)=="object")
+								value = this.objectToXML(value);
+							postData = postData+"&xajaxargs[]="+encodeURIComponent(value);
+						}
+						} break;
+					default:
+						alert("Illegal request type: " + xajaxRequestType); return false; break;
+				}
+				r = this.getRequestObject();
+				r.open(xajaxRequestType==<?php print GET; ?>?"GET":"POST", uri, true);
+				if (xajaxRequestType == <?php print POST; ?>)
+				{
+					try
+					{
+						r.setRequestHeader("Method", "POST " + uri + " HTTP/1.1");
+						r.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+					}
+					catch(e)
+					{
+						alert("Your browser does not appear to  support asynchronous requests using POST.");
+						return false;
+					}
+				}
+				r.onreadystatechange = function()
+				{
+					if (r.readyState != 4)
+						return;
+					
+					if (r.status==200)
+					{
+						<?php if ($this->bDebug){ ?>xajax.DebugMessage("Received:\n" + r.responseText);<?php } ?>
+						var data = r.responseXML;
+						if (data)
+							xajax.processResponse(data);
+					}
+				}
+				<?php if ($this->bDebug){ ?>this.DebugMessage("Calling "+sFunction +" uri="+uri+" (post:"+ postData +")");<?php } ?>
+				r.send(postData);
+				<?php if ($this->bStatusMessages == true){?>window.status = 'Waiting for data...';<?php } ?>
+				<?php if ($this->bDebug){ ?>this.DebugMessage(sFunction + " waiting..");<?php } ?>
+				delete r;
+				return true;
+			}
+			
+			// Tests if the new Data is the same as the extant data
+			this.willChange = function(element, attribute, newData)
+			{
+				var oldData;
+				if (attribute == "innerHTML")
+				{
+					tmpXajax = this.$(this.workId);
+					if (tmpXajax == null)
+					{
+						tmpXajax = document.createElement("div");
+						tmpXajax.setAttribute('id',this.workId);
+						tmpXajax.style.display = "none";
+						tmpXajax.style.visibility = "hidden";
+						document.body.appendChild(tmpXajax);
+					}
+					tmpXajax.innerHTML = newData;
+					newData = tmpXajax.innerHTML;
+				}
+				eval("oldData=document.getElementById('"+element+"')."+attribute);
+				if (newData != oldData)
+					return true;
+					
+				return false;
+			}
+			
+			//Process XML xajaxResponses returned from the request
+			this.processResponse = function(xml)
+			{
+				<?php if ($this->bStatusMessages == true){?> window.status = 'Recieving data...'; <?php } ?>
+				var tmpXajax = null;
+				xml = xml.documentElement;
+				for (i=0; i<xml.childNodes.length; i++)
+				{
+					if (xml.childNodes[i].nodeName == "alert")
+					{
+						if (xml.childNodes[i].firstChild)
+							alert(xml.childNodes[i].firstChild.nodeValue);
+					}
+					if (xml.childNodes[i].nodeName == "jscript")
+					{
+						if (xml.childNodes[i].firstChild)
+							eval(xml.childNodes[i].firstChild.nodeValue);
+					}
+					if (xml.childNodes[i].nodeName == "update")
+					{
+						var action;
+						var element;
+						var attribute;
+						var search;
+						var data;
+						var type;
+						var objElement;
+						
+						for (j=0; j<xml.childNodes[i].attributes.length; j++)
+						{
+							if (xml.childNodes[i].attributes[j].name == "action")
+							{
+								action = xml.childNodes[i].attributes[j].value;
+							}
+						}
+						
+						var node = xml.childNodes[i];
+						for (j=0;j<node.childNodes.length;j++)
+						{
+							if (node.childNodes[j].nodeName == "target")
+							{
+								for (k=0; k<node.childNodes[j].attributes.length; k++)
+								{
+									if (node.childNodes[j].attributes[k].name == "attribute")
+									{
+										attribute = node.childNodes[j].attributes[k].value;
+									}
+								}
+								element = node.childNodes[j].firstChild.nodeValue;
+							}
+							if (node.childNodes[j].nodeName == "search")
+							{
+								if (node.childNodes[j].firstChild)
+									search = node.childNodes[j].firstChild.nodeValue;
+								else
+									search = "";
+							}
+							if (node.childNodes[j].nodeName == "data")
+							{
+								if (node.childNodes[j].firstChild)
+									data = node.childNodes[j].firstChild.nodeValue;
+								else
+									data = "";
+							}
+							
+							if (node.childNodes[j].nodeName == "type")
+							{
+								if (node.childNodes[j].firstChild)
+									type = node.childNodes[j].firstChild.nodeValue;
+								else
+									type = "";
+							}
+						}
+						if (action=="assign")
+						{
+							if (this.willChange(element,attribute,data))
+							{
+								eval("document.getElementById('"+element+"')."+attribute+"=data;");
+							}
+						}
+						if (action=="append")
+							eval("document.getElementById('"+element+"')."+attribute+"+=data;");
+						if (action=="prepend")
+							eval("document.getElementById('"+element+"')."+attribute+"=data+document.getElementById('"+element+"')."+attribute);
+						if (action=="replace")
+						{
+							eval("var v=document.getElementById('"+element+"')."+attribute);
+							var v2 = v.indexOf(search)==-1?v:"";
+							while (v.indexOf(search) > -1)
+							{
+								x = v.indexOf(search)+search.length+1;
+								v2 += v.substr(0,x).replace(search,data);
+								v = v.substr(x,v.length-x);
+							}
+							if (this.willChange(element,attribute,v2))
+								eval('document.getElementById("'+element+'").'+attribute+'=v2;');
+						}
+						if (action=="clear")
+							eval("document.getElementById('"+element+"')."+attribute+"='';");
+						if (action=="remove")
+						{
+							objElement = this.$(element);
+							if (objElement.parentNode && objElement.parentNode.removeChild)
+							{
+								objElement.parentNode.removeChild(objElement);
+							}
+						}
+						if (action=="create")
+						{
+							var objParent = this.$(element);
+							objElement = document.createElement(attribute);
+							objElement.setAttribute('id',data);
+							if (type && type != '')
+								objElement.setAttribute('type',type);
+							objParent.appendChild(objElement);
+							if (objParent.tagName == "FORM")
+							{
+
+							}
+						}
+					}	
+				}
+				document.body.style.cursor = 'default';
+				<?php if ($this->bStatusMessages == true){?> window.status = 'Done'; <?php } ?>
+			}
+		}
+		
+		var xajax = new Xajax();
+		<?php
+		$js .= ob_get_contents()."\n";
+		ob_end_clean();
+		foreach($this->aFunctions as $sFunction)
+			$js .= $this->wrap($sFunction,$this->aFunctionRequestTypes[$sFunction]);
+	
+		if ($this->bDebug == false)
+			$js = $this->compressJavascript($js);
+		
+		print $js;
+	}
+}// end class xajax 
+?>
diff --git a/phpgwapi/js/dhtmlxtree/License_Commercial.html b/phpgwapi/js/dhtmlxtree/License_Commercial.html
new file mode 100644
index 0000000000..7c95316741
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/License_Commercial.html
@@ -0,0 +1,52 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>dhtmlxTree Commercial License</title>
+</head>
+<style>
+	h1{font-family:arial;font-size:28px;border-bottom:1px solid black;}
+	h2{font-family:arial;font-size:18px;color:gray;}
+	h3{font-family:arial;font-size:16px;color:gray;margin-left:10px}
+	p{font-size:14px;margin-bottom:3px;}
+	p.cr{border-top:1px solid black;font-family:arial;font-size:12px;}
+</style>
+<body>
+<h1>dhtmlxTree Commercial License</h1>
+
+<h2>1. LIMITED LICENSE GRANT. </h2>
+
+<p>Scand LLC grants to you ("Licensee") a nonexclusive, nontransferable, worldwide, royalty-free license to use this version of dhtmlxTree (the "Software").</p>
+
+<p>The Licensee has the right to use the software only in ONE commercial project (for one License). It is possible to use the software on any Website unlimited number of times but within the ONE commercial project (application). "Website" and "site" means the technology, and is not limited by internet sites, it also includes intranet and extranet websites. When referred to a site, a site means a location where all the web pages share a single fully qualified domain name.</p>
+
+<p>The Licensee has the right to apply for free-of-charge support (consultations) on the product within 3 months since purchasing the product and also free-of-charge elimination of any found bugs during the same period.</p>
+
+<p>Modifications to the software are allowed, as long as they do not conflict with the license, but distribution of the modified software is forbidden. A non-exclusive royalty-free right is granted to the initial developer of the Software to use, modify and distribute your modification in future versions of the Software.</p>
+
+
+<h3>a) specific restrictions</h3>
+<p>The licensee is not permitted to distribute the components in any fashion which would promote, encourage or allow reuse or redistribution of the JavaScript component.</p>
+<h3>b) general restrictions</h3>
+<p>Software may not be transferred, leased, assigned, or sublicensed, in whole or in part.</p>
+<p>IF THESE RESTRICTIONS ARE NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE RESTRICTIONS CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+<h3>c) disclaimer of warranty</h3>
+<p>The Software is provided "AS IS," without a warranty of any kind.</p>
+<p>ALL EXPRESS OR IMPLIED REPRESENTATIONS AND WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY EXCLUDED.</p>
+<p>IF THIS DISCLAIMER IS NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE DISCLAIMER CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+<h3>d) limitation of liability.</h3>
+<p>IN NO EVENT WILL SCAND LLC BE LIABLE FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT, SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES HOWEVER CAUSED AND REGARDLESS OF THEORY OF LIABILITY ARISING OUT OF THE USE OF, INABILITY TO USE OR DOWNLOADING OF THE SOFTWARE, EVEN IF SCAND LLC HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p>
+<p>IF THIS LIMITATION IS NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE LIMITATION CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+
+<h2>2. COPYRIGHT</h2>
+
+<p>SCAND LLC and its licensors retain all ownership rights to the software and related documentation. Use of the software and related documentation is governed by the license agreement accompanying the software and applicable copyright law.</p>
+<p>The documentation must always follow the related software. Making unauthorized copies, adaptations, or compilation works is prohibited. SCAND LLC may revise this documentation from time to time without notice.</p>
+<p>THIS DOCUMENTATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND. IN NO EVENT SHALL SCAND LLC BE LIABLE FOR ANY LOSS OF PROFITS, LOSS OF BUSINESS, LOSS OF USE OR DATA, INTERRUPTION OF BUSINESS, OR FOR INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND, ARISING FROM ANY ERROR IN THIS DOCUMENTATION.</p>
+<p>This means that the software and documentation come with no warranty, without any limitation. No liability of any kind can be accepted and this the fullest extent. If your law doesn't allow this, then do not use this software and documentation. </p>
+
+<p class="cr">The Software and documentation are copyright &copy; 1996-2005 Scand LLC. All rights reserved.</p>
+
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/License_Enterprise.html b/phpgwapi/js/dhtmlxtree/License_Enterprise.html
new file mode 100644
index 0000000000..94ff2f57e7
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/License_Enterprise.html
@@ -0,0 +1,51 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>dhtmlxTree Enterprise License</title>
+</head>
+<style>
+	h1{font-family:arial;font-size:28px;border-bottom:1px solid black;}
+	h2{font-family:arial;font-size:18px;color:gray;}
+	h3{font-family:arial;font-size:16px;color:gray;margin-left:10px}
+	p{font-size:14px;margin-bottom:3px;}
+	p.cr{border-top:1px solid black;font-family:arial;font-size:12px;}
+</style>
+<body>
+<h1>dhtmlxTree Enterprise License</h1>
+
+<h2>1. LIMITED LICENSE GRANT.</h2> 
+
+<p>Scand LLC grants to you ("Licensee") a nonexclusive, nontransferable, worldwide, royalty-free license to use this version of dhtmlxTree (the "Software").
+The Licensee has the right to use the Software in any number of projects, but only by the ONE company.</p>
+
+<p>The Licensee has the right to apply for free-of-charge support (consultations) on the product within 2 years since purchasing the product and also free-of-charge elimination of any found bugs during the same period.</p>
+
+<p>Modifications to the software are allowed, as long as they do not conflict with the license, but distribution of the modified software is forbidden. A non-exclusive royalty-free right is granted to the initial developer of the Software to use, modify and distribute your modification in future versions of the Software.</p>
+
+<h3>a) specific restrictions</h3>
+
+<p>The licensee is not permitted to distribute the components in any fashion which would promote, encourage or allow reuse or redistribution of the JavaScript component.</p>
+<h3>b) general restrictions</h3>
+<p>Software may not be transferred, leased, assigned, or sublicensed, in whole or in part.</p>
+
+<p>IF THESE RESTRICTIONS ARE NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE RESTRICTIONS CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+
+<h3>c) disclaimer of warranty</h3>
+
+<p>The Software is provided "AS IS," without a warranty of any kind.</p>
+<p>ALL EXPRESS OR IMPLIED REPRESENTATIONS AND WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY EXCLUDED.</p>
+<p>IF THIS DISCLAIMER IS NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE DISCLAIMER CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+<h3>d) limitation of liability.</h3>
+<p>IN NO EVENT WILL SCAND LLC BE LIABLE FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT, SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES HOWEVER CAUSED AND REGARDLESS OF THEORY OF LIABILITY ARISING OUT OF THE USE OF, INABILITY TO USE OR DOWNLOADING OF THE SOFTWARE, EVEN IF SCAND LLC HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p>
+<p>IF THIS LIMITATION IS NOT ALLOWED BY YOUR RESPECTIVE LAW THEN CONTACT SCAND LLC TO CHECK IF THE LIMITATION CAN BE RELAXED IN YOUR CASE. THE RELAXATION CAN ONLY BE GIVEN BY WRITTEN CONSENT.</p>
+
+<h2>2. COPYRIGHT</h2>
+<p>SCAND LLC and its licensors retain all ownership rights to the software and related documentation. Use of the software and related documentation is governed by the license agreement accompanying the software and applicable copyright law.</p>
+<p>The documentation must always follow the related software. Making unauthorized copies, adaptations, or compilation works is prohibited. SCAND LLC may revise this documentation from time to time without notice.</p>
+<p>THIS DOCUMENTATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND. IN NO EVENT SHALL SCAND LLC BE LIABLE FOR ANY LOSS OF PROFITS, LOSS OF BUSINESS, LOSS OF USE OR DATA, INTERRUPTION OF BUSINESS, OR FOR INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND, ARISING FROM ANY ERROR IN THIS DOCUMENTATION.</p>
+<p>This means that the software and documentation come with no warranty, without any limitation. No liability of any kind can be accepted and this the fullest extent. If your law doesn't allow this, then do not use this software and documentation. </p>
+<p class="cr">The Software and documentation are copyright &copy; 1996-2005 Scand LLC. All rights reserved.</p>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/License_GPL.txt b/phpgwapi/js/dhtmlxtree/License_GPL.txt
new file mode 100644
index 0000000000..947e61d70c
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/License_GPL.txt
@@ -0,0 +1,72 @@
+GNU GENERAL PUBLIC LICENSE
+Version 2, June 1991 
+
+Copyright (C) 1989, 1991 Free Software Foundation, Inc.  
+59 Temple Place - Suite 330, Boston, MA  02111-1307, USA
+
+Everyone is permitted to copy and distribute verbatim copies
+of this license document, but changing it is not allowed.
+
+
+TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". 
+
+Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. 
+
+1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. 
+
+You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. 
+
+2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: 
+
+
+a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. 
+
+b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. 
+
+c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) 
+These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. 
+
+Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. 
+
+In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. 
+
+3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: 
+
+a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, 
+
+b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, 
+
+c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) 
+The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. 
+
+If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. 
+
+4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. 
+
+5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. 
+
+6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. 
+
+7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. 
+
+If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. 
+
+It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. 
+
+This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. 
+
+8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. 
+
+9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. 
+
+Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. 
+
+10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. 
+
+NO WARRANTY
+
+11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 
+
+12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. 
+
diff --git a/phpgwapi/js/dhtmlxtree/css/dhtmlXTree.css b/phpgwapi/js/dhtmlxtree/css/dhtmlXTree.css
new file mode 100644
index 0000000000..fda00de246
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/css/dhtmlXTree.css
@@ -0,0 +1,11 @@
+.defaultTreeTable{
+			margin : 0;
+			padding : 0;
+			border : 0;
+}
+.containerTableStyle { overflow : auto;}
+.standartTreeRow{	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 	font-size : 12px; -moz-user-select: none; }
+.selectedTreeRow{ background-color : navy; color:white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 		font-size : 12px;  -moz-user-select: none;  }
+.standartTreeImage{ width:18px; height:18px;  overflow:hidden; border:0; padding:0; margin:0; }
+.hiddenRow { width:1px;   overflow:hidden;  }
+.dragSpanDiv{ 	font-size : 12px; 	border: thin solid 1 1 1 1; }
diff --git a/phpgwapi/js/dhtmlxtree/doc/alpha.html b/phpgwapi/js/dhtmlxtree/doc/alpha.html
new file mode 100644
index 0000000000..75698c68ab
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/doc/alpha.html
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="utf-8"?><div style="position:absolute;right:20"><a href="javascript:void(0)" onclick="expandAll(true)">expand</a><a href="javascript:void(0)" onclick="expandAll(false)">collaps</a></div><script><!--
+		 	
+			function openFull(el){
+				el.nextSibling.style.display=='none'?el.nextSibling.style.display='block':el.nextSibling.style.display='none'
+			}
+			function expandAll(fl){
+				var elAr = document.getElementsByTagName("DIV");
+				for(var i=2;i<elAr.length;i++){
+					if(elAr[i].style.display=='none' || elAr[i].block_fl){
+						elAr[i].block_fl = true;
+						if(fl)
+							elAr[i].style.display = "";
+						else
+							elAr[i].style.display = "none";
+					}
+				}
+			}
+		 
+		--></script><style>
+			.{font-family:arial;}
+			h2 {cursor:pointer;font-size:16px;margin-left:10px;line-height:10px}
+			h3 {cursor:pointer;font-weight:normal;color:gray;text-decoration:underline;line-height:10px}
+			div.block {margin-left:30px;}
+		</style><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">changeItemId(itemId,newItemId)<br /><strong style="color:#6c6c6c;font-size:12px">change item id</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - old node id</li><li type="circle">newItemId - new node id</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">clearCut()<br /><strong style="color:#6c6c6c;font-size:12px">clear cut</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse target node and all child nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteChildItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">delete all child of node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteItem(itemId,selectParent)<br /><strong style="color:#6c6c6c;font-size:12px">delete node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doCut()<br /><strong style="color:#6c6c6c;font-size:12px">mark selected item as cutted</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doPaste(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">insert previously cutted branch</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - id of new parent node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableAutoSavingSelected(mode)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable autosaving selected node in cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">mode - true/false</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableCheckBoxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">hide checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableContextMenu(menu)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">enable context menu</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">menu - menu object</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDrop(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable drag-and-drop</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDropScrolling(mode)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable auto scrolling while drag-and-drop</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableMultiLineItems(width)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">enable multi line items</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">width - text width, if equls zero then use single lines items;</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableSmartXMLParsing(mode)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable smart XML parsing mode</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableThreeStateCheckboxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable three state checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeImages(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable tree images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeLines(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enable/disable tree lines</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItem(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text, select and focus it</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItemIdByLabel(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">focusItem(itemId)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">focus item in tree</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - item Id</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllChecked()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllCheckedBranches()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes, and parent of that checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from all next levels of tree, separated by commas.</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getChildItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun child node identificator by index</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - parent node identificator</li><li type="circle">index - index of child node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemColor(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">get node color</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun node identificator by index</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">index - index of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemText(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getLevel(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node level</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getParentId(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return parent node identificator</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemId()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node identificator</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemText()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from the next level of tree, separated by commas.</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getUserData(itemId,name)<br /><strong style="color:#6c6c6c;font-size:12px">return user data from target node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">hasChildren(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return count of childrens</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new child node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentId - parent node id</li><li type="circle">itemId - new node id</li><li type="circle">itemText - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewNext(parentItemId,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new node next to specified</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentItemId - node id</li><li type="circle">itemId - new node id</li><li type="circle">itemName - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">isItemChecked(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return state of nodes's checkbox</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadOpenStates(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">restore open nodes from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadState(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">load tree from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXML(file)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml file</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">file - link too XML file</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXMLString(xmlString)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml string</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">xmlString - XML string</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand target node and all child nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">refreshItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">refresh tree branch from xml</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node, if not defined tree super root used.</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">restoreSelectedItem(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">restore selected item from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveOpenStates(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">save open nodes to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveSelectedItem(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">save selected item to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveState(name)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">save tree to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">selectItem(itemId,mode)<br /><strong style="color:#6c6c6c;font-size:12px">select node ( and optionaly fire onselect event)</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">mode - If true, script function for selected node will be called.</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">serializeTree()
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">return xml description of tree</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js</div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setCheck(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragBehavior(mode)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">set Drag-And-Drop behavior</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - behavior name (child or sibling)</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when drag-and-drop event occured</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">aFunc - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDropHandler(func)
+							[<span style="color:red;">Commercial</span>]
+						<br /><strong style="color:#6c6c6c;font-size:12px">set function called after drag-and-drap event occured</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImageArrays(arrayName,image1,image2,image3,image4,image5)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">arrayName - name of array: plus, minus</li><li type="circle">image1 - line crossed image</li><li type="circle">image2 - image with top line</li><li type="circle">image3 - image with bottom line</li><li type="circle">image4 - image without line</li><li type="circle">image5 - single root image</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImagePath( newPath )<br /><strong style="color:#6c6c6c;font-size:12px">set path to image directory</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">newPath - path to image directory</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemCloseable(itemId,flag)<br /><strong style="color:#6c6c6c;font-size:12px">prevent node from closing</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">flag -  if 0 - node can't be closed, else node can be closed</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemColor(itemId,defaultColor,selectedColor)<br /><strong style="color:#6c6c6c;font-size:12px">set node color</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">defaultColor - node color</li><li type="circle">selectedColor - selected node color</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage(itemId,image1,image2)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image or closed node image (if image2 specified)</li><li type="circle">image2 - open node image (optional)</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage2(itemId, image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image</li><li type="circle">image2 - closed node image</li><li type="circle">image3 - open node image</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemText(itemId,newLabel)<br /><strong style="color:#6c6c6c;font-size:12px">set new node text (HTML allowed)</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">newLabel - node text</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnCheckHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before checkbox checked/unchecked</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node selected</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnDblClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node double clicked</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnOpenHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before tree node opened/closed</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setStdImages(image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set default images for nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">a0 - image for node without childrens;</li><li type="circle">a1 - image for closed node;</li><li type="circle">a2 - image for opened node</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setSubChecked(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox and all childnodes checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setUserData(itemId,name,value)<br /><strong style="color:#6c6c6c;font-size:12px">set user data for target node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li><li type="circle">value - user data</li></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setXMLAutoLoading(filePath)<br /><strong style="color:#6c6c6c;font-size:12px">enables dinamic loading from XML mode</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Object: </em>dhtmlXTreeObject<br /><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">filePath - name of script returning XML;</li></div>
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/doc/guide.html b/phpgwapi/js/dhtmlxtree/doc/guide.html
new file mode 100644
index 0000000000..fdbd1c982e
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/doc/guide.html
@@ -0,0 +1,346 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree guide and samples</title>
+</head>
+
+<body>
+
+<div style="position:absolute;right:20"><a href="javascript:void(0)" onclick="expandAll(true)">expand</a>&nbsp;<a href="javascript:void(0)" onclick="expandAll(false)">collaps</a></div>
+<script>
+	function openFull(el){
+		el.nextSibling.style.display=='none'?el.nextSibling.style.display='block':el.nextSibling.style.display='none'
+	}
+	function expandAll(fl){
+		var elAr = document.getElementsByTagName("DIV");
+		for(var i=2;i<elAr.length;i++){
+			if(elAr[i].className=='block'){
+				if(fl)
+					elAr[i].style.display = "";
+				else
+					elAr[i].style.display = "none";
+			}
+		}
+	}
+</script>
+<style>
+	body {font-size:14px;line-height:18px;}
+	.{font-family:arial;}
+	h2 {cursor:pointer;font-size:16px;margin-left:10px;line-height:10px}
+	h3 {cursor:pointer;font-weight:normal;color:gray;text-decoration:underline;line-height:10px}
+	h4 {cursor:pointer;font-weight:normal;color:black;text-decoration:underline;line-height:10px}
+	.op {cursor:pointer;}
+	div.block {margin-left:30px;}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+	li {margin-top:2px;}
+</style>
+<h2 onclick="openFull(this)">dhtmlXTree Guide and Samples</h2>
+<div class="block">
+<!---  --->
+	
+	<h3 onclick="openFull(this)">Main features</h3
+	><div style="display:show" class="block">
+		<li>Multibrowser/Multiplatform support </li>
+		<li>Full controll with JavaScript</li>
+		<li>Dynamic loading</li>
+		<li>XML support</li>
+		<li>Dynamic rendering (Smart XML parsing) for big trees</li>
+		<li>drag-&-drop (within one tree, between trees, between frames) </li>
+		<li>checkboxes (two/three states)</li> 
+		<li>customizable icons (with javascript or xml) </li>
+		<li>context menu (integration with dhtmlxMenu)</li>
+		<li>user data for nodes</li>
+		<li>multi-line tree items</li>
+		<li>high stability</li>
+		<li>Macromedia Cold Fusion support</li>
+	</div>
+	
+	<h3 onclick="openFull(this)">Supported browsers</h3
+	><div style="display:show" class="block">
+		<li>IE 5.x and above</li>
+		<li>Mac OS X Safari</li>
+		<li>Mozilla 1.4 and above</li>
+		<li>FireFox 0.9 and above</li>
+		<li>Opera (Xml loading depends on browser version)</li>
+	</div>
+
+	<h3 onclick="openFull(this)">Working with dhtmlXTree</h3
+	><div style="display:show" class="block">
+<!--- Initialize object on page --->
+		<h4 onclick="openFull(this)">Initialize object on page</h4
+		><div style="display:none" class="block">
+<XMP>
+<div id="treeBox" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject(document.getElementById('treeBox'),"100%","100%",0);
+	tree.setImagePath("gfx/");
+	tree.enableCheckBoxes(false);
+</script>
+</XMP>
+		Parameters passed to the constructor are:
+			<li>object to attach tree to (should be loaded before calling constructor)</li>
+			<li>width of the tree</li>
+			<li>height of the tree</li>
+			<li>identifier of level parent to tree root level</li><br>
+		Specify Additional parameters of the tree:
+			<li>setImagePath(url) - method specifies the path to the folder with tree icons</li>
+			<li>enableCheckBoxes(mode) - enable/disable checkboxes in tree (checkboxes appear by default)</li>
+		</div>
+<!--- Set Additional init parameters --->	
+		<h4 onclick="openFull(this)">Set Event Handlers</h4
+		><div style="display:none" class="block">
+<XMP>
+<div id="treeBox" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject(document.getElementById('treeBox'),"100%","100%",0);
+	...
+	tree.setOnDragHandler(onDrop);//set function object to call on drop
+	tree.setOnClickHandler(onNodeSelect);//set function object to call on node select
+	tree.setOnOpenHandler(onOpen,state);//set function to call on open/close node
+	tree.setOnDblClickHandler(onDblClick);//set function to call on dbl click
+</script>
+</XMP>	
+		<li>Selected node ID will be passed to function specified as argument for setDefaultAction(funcObj)</li>
+		<li>Dropped node ID and new parent node ID  will be passed to function specified as argument for setDragFunction(funcObj)</li>
+		<li>node ID and node state will be passed to the function specified as argument for setOpenAction(funcObj,state)</li>
+		<li>node ID will be passed to the function specified as argument for setDblClickAction(funcObj)</li>
+		</div>
+<!--- Adding nodes with Script --->
+		<h4 onclick="openFull(this)">Adding nodes with Script</h4
+		><div style="display:none" class="block">
+<XMP>
+<script>
+	tree=new dhtmlXTreeObject('treeBox',"100%","100%",0);
+	...
+	tree.insertNewChild(0,1,"New Node 1",0,0,0,0,"SELECT,CALL,TOP,CHILD,CHECKED");
+	tree.insertNewNext(1,2,"New Node 2",0,0,0,0,"CHILD,CHECKED");
+</script>
+</XMP>	
+		<li>0s passed to the function for arguments 4-7 (function to call on select, images) mean use default values for them</li>
+		<li>Last argument is a comma delimited string of following possible value (upper case only):</li>
+			<li type="circle">SELECT - move selection to this node after inserting</li>
+			<li type="circle">CALL - call function on select</li>
+			<li type="circle">TOP - add node to the top position </li>
+			<li type="circle">CHILD - node has children</li>
+			<li type="circle">CHECKED - checkbox is checked (if exists)</li>
+		</div>
+<!--- Using XML --->
+		<h4 onclick="openFull(this)">Loading data with XML</h4
+		><div style="display:none" class="block">
+<XMP>
+<script>
+	tree=new dhtmlXTreeObject('treeBox',"100%","100%",0);
+	tree.setXMLAutoLoading("http://127.0.0.1/xml/tree.xml");
+	tree.loadXML();//load root level from xml
+</script>
+</XMP>	
+		<li>ID of opened node (as id url parameter) will be added to URL specified in  initXMLAutoLoading(url) during the call</li>
+		<li>No additional ID is added to the url specified in loadXML(url) method during the call</li>
+		<li>Using loadXML() without parameters you load url specified in initXMLAutoLoading(url) method</li>
+<XMP>
+XML Syntax:
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="My Computer" id="1" child="1" im0="my_cmp.gif" im1="my_cmp.gif" im2="my_cmp.gif" call="true" select="yes">
+		<userdata name="system">true</userdata>
+		<item text="Floppy (A:)" id="11" child="0"  im0="flop.gif" im1="flop.gif" im2="flop.gif"/>
+		<item text="Local Disk (C:)" id="12" child="0"  im0="drv.gif" im1="drv.gif" im2="drv.gif"/>
+	</item>
+	<item text="Recycle Bin" id="4" child="0" im0="recyc.gif" im1="recyc.gif" im2="recyc.gif"/>
+</tree>
+</XMP>	
+		<strong>&lt;tree&gt;</strong> node is mandatory. It specifies the parent of loading block of data. According to this its id parameter specifies the ID oth that parent. 
+		To load root level you need to specify the ID you used when created tree object: new myObjTree(boxObject,width,height,<b>0</b>) <br>
+		
+		<strong>&lt;item&gt;</strong> can contain subitems (in order to load more than one level at once) or not.<br>
+		Mandatory parameters for this tag are:<br>
+			<li>text - label of the node</li>
+			<li>id - id of the node</li>
+		Optional parameters for this tag are:<br>
+			<li>im0 - image for node without children (tree will get images from the path specified in setImagePath(url) method)</li>
+			<li>im1 - image for opened node with children</li>
+			<li>im2 - image for closed node with children</li>
+			<!--- <li>top - </li> --->
+			<li>select - select node on load (0/1)</li>
+			<li>open - show node opened (0/1)</li>
+			<li>call - call function on select(0/1)</li>
+			<li>checked - check checkbox if exists(0/1)</li>
+			<li>child - spec. if node has children (1) or not (0)</li><br>
+		To set userdata directly within XML use <strong>&lt;userdata&gt;</strong><br>
+		It has just one parameter: <br>
+			<li>name</li><br>
+		and value to specify userdata value			
+		</div>
+<!--- Setting custom icons to nodes --->
+		<h4 onclick="openFull(this)">Setting custom icons to nodes</h4
+		><div style="display:none" class="block">
+			There are two ways to set custom icons for the node. And it depends on the way you add items.<br>
+			<em>Important:</em> tree will get images for the nodes from the path specified in setImagePath(url) method.<br><br>
+			
+			Javascript way. Using arguments of insertNewChild(...) or insertNewNext(...) methods:
+<XMP>
+<script>
+	var im0 = "doc.gif";//icon to show if node contains no children
+	var im1 = "opened.gif";//if node contains children and opened
+	var im2 = "closed.gif";//if node contains children and closed
+	tree.insertNewItem(0,1,"New Node 1",0,im0,im1,im2);
+	tree.insertNewNext(1,2,"New Node 2",0,"txt.gif","opened.gif","closed.gif");
+</script>
+</XMP>	
+			XML way. Using parameters of &lt;item&gt; tag:
+<XMP>
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="My Computer" id="1" child="1" im0="doc.gif" im1="my_opened.gif" im2="my_closed.gif">
+</tree>
+</XMP>	
+			<li>im0 - image for node without children (tree will get images from the path specified in setImagePath(url) method)</li>
+			<li>im1 - image for opened node with children</li>
+			<li>im2 - image for closed node with children</li>
+		</div>
+<!--- Dynamical loading --->		
+		<h4 onclick="openFull(this)">Building dynamic tree</h4
+		><div style="display:none" class="block">
+		If your tree should contain large amount of nodes (or you simply do not want to waist time loading hidden nodes), it would be better to load them on demand, not at once. 
+		For this purpose we made the tree to load levels dynamically using XML.  <br>
+		See chapter <em>"Loading data with XML"</em>
+		</div>
+		
+		
+		
+		<h4 onclick="openFull(this)">Manipulating nodes</h4
+		><div style="display:none" class="block">
+		A few examples of manipulating node with tree object methods:
+<XMP>
+<script>
+	tree=new dhtmlXTreeObject('treeboxbox_tree',"100%","100%",0);
+	...
+	var sID = tree.getSelectedItemId();//get id of selected node
+	tree.setLabel(sID,"New Label");//change label of selecte node
+	tree.setItemColor(sID,'blue','red');//set colors for selected node's label (for not selected state and for selected state)
+	tree.openItem(sID);//expand selected node
+	tree.closeItem(sID);//close selected node
+	tree.changeItemId(sID,100);//change id of selected node to 100
+	alert("This node has children: "+tree.hasChildren(100));//show alert with information if this node has children
+</script>
+</XMP>	
+		</div>
+	</div>
+	
+	
+	
+	<h3 onclick="openFull(this)">Cold Fusion Tag for dhtmlXTree</h3
+	><div style="display:none" class="block">
+<XMP>
+<cf_dhtmlXTree
+	name="tree"
+	width="250"
+	height="250"
+	JSPath="../"
+	CSSPath="../"
+	iconspath="gfx/"
+	xmldoc="tree.xml"
+	checkboxes="false"
+	dragndrop="true"
+	style="background-color:whitesmoke;border:1px solid blue;"
+	onSelect="onNodeSelect"
+	onDrop="onDropNode">
+		...configuration xml...
+	</cf_dhtmlXTree>
+</XMP>
+	<li>name - [optional] name of the tree js object to use in javascript,  if skiped, then name autogenerated</li>
+	<li>width - [optional] width of the tree (definitely it sets the with of the tree box, leaving the with of the tree itself by 100%)</li>
+	<li>height - [optional] height of the tree</li>
+	<li>JSPath - [optional] absolute or relative path to directory which contains tree js files, "js" directory by default</li>
+	<li>CSSPath - [optional] absolute or relative path to directory which contains tree css files, "css" directory by default</li>
+	<li>iconspath - [optional] absolute or relative path to directory which contains tree icon files, "img" directory by default</li>
+	<li>xmldoc - [mandatory for xml loading] url of the xml file used to load levels dynamically</li>
+	<li>checkboxes - [optional] show checkboxes (none, twoState, threeState)</li>
+	<li>dragndrop - [optional] activate drag-&-drop (true,false)</li>
+	<li>style - [optional] style for the tree box</li>
+	<li>onSelect - [optional] javascript function to call on node selection</li>
+	<li>oncheck - [optional] javascript function to call on node (un)checking</li>
+	<li>onDrop - [optional] javascript function to call on node drop</li>
+	<li>im1 - [optional] default image used for child nodes</li>
+	<li>im2 - [optional] default image used for opened branches</li>
+	<li>im3 - [optional] default image used for closed branches</li>			
+	<br>
+	For description of optional configuration xml - see chapter <em>"Loading data with XML"</em>
+	<br><br>
+Minimal possible tag syntax with on-page xml:
+<XMP>
+<cf_dhtmlXTree> 
+	<item text="Top node" id="t1" >
+		<item text="Child node 1" id="c1" ></item>
+		<item text="Child node 2" id="c2" ></item>
+	</item>
+</cf_dhtmlXTree>	
+</XMP>
+Minimal possible tag syntax with server-side xml:
+<XMP>
+<cf_dhtmlXTree 	xmldoc="tree.xml">
+</cf_dhtmlXTree>
+</XMP>
+With images specified:
+<XMP>
+<cf_dhtmlXTree  
+	im1="book.gif" 
+	im2="books_open.gif" 
+	im3="books_close.gif">
+	<item text="Mystery " id="mystery"  open="yes" >
+		<item text="Lawrence Block" id="lb" >
+			<item text="All the Flowers Are Dying" id="lb_1" />
+			<item text="The Burglar on the Prowl" id="lb_2" />
+			<item text="The Plot Thickens" id="lb_3" />
+			<item text="Grifters Game" id="lb_4" />
+			<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+		</item>
+		<item text="Robert Crais" id="rc" >
+			<item text="The Forgotten Man" id="rc_1" />
+			<item text="Stalking the Angel" id="rc_2" />
+			<item text="Free Fall" id="rc_3" />
+			<item text="Sunset Express" id="rc_4" />
+			<item text="Hostage" id="rc_5" />
+		</item>
+		<item text="Ian Rankin" id="ir" ></item>
+		<item text="James Patterson" id="jp" ></item>
+		<item text="Nancy Atherton" id="na" ></item>
+	</item>
+</cf_dhtmlXTree>
+</XMP>
+With Events Handlers,Checkboxes and Drag-n-drop:
+<XMP>
+<cf_dhtmlXTree   
+	dragndrop="true"  
+	checkboxes="twoState" 
+	onSelect="onClick" 
+	onCheck="onCheck" 
+	onDrop="onDrag">
+		<item text="Mystery " id="mystery"  open="yes" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifters Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+</cf_dhtmlXTree>
+</XMP>
+	</div>
+
+
+</div>
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/doc/index.html b/phpgwapi/js/dhtmlxtree/doc/index.html
new file mode 100644
index 0000000000..8379240715
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/doc/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree SDK</title>
+</head>
+<style>
+	td.menu, td.menu a{
+		font-family:arial;
+		font-size:12px;
+		margin-left:10px;
+		text-decoration:none;
+		color:white;
+	}
+	.{font-family:arial;}
+	h2 {cursor:pointer;font-size:16px;margin-left:10px;line-height:10px}
+	h3 {cursor:pointer;font-weight:normal;color:gray;text-decoration:underline;line-height:10px}
+	div.block {margin-left:30px;}
+	#contentdiv {padding:10px;}
+</style>
+
+<body scroll="no" bgcolor="#2795d3">
+<table width="100%" height="99%" cellspacing="0">
+	<tr>
+		<td colspan="2" height="20" style="font-size:20px;font-family:arial;font-weight:bold;color:#9ad8fa;">
+		dhtmlXTree v.1.1 SDK
+		</td>
+	</tr>
+	<tr>
+		<td class="menu" xstyle="border-bottom:1px solid black">
+			<a href="guide.html" target="contentframe">guide and code samples</a>
+			<a href="http://www.scbr.com/docs/products/dhtmlxTree/" target="contentframe">tree samples</a>
+		</td>
+		<td height="20" class="menu" align="right" xstyle="border-bottom:1px solid black">
+		<em>api methods:</em>
+		<a href="tgroup.html" target="contentframe">grouped by type</a>
+		<a href="ogroup.html" target="contentframe">grouped by object</a>
+		<a href="alpha.html" target="contentframe">alphabeticaly sorted</a>
+		</td>
+	</tr>
+	<tr>
+		<td colspan="2">
+			<iframe src="guide.html" name="contentframe" style="background-color:white;border-top:1px solid #6495ed;" height="100%" width="100%" frameborder="0"></iframe>
+		</td>
+	</tr>
+</table>
+<small style="font-size:10px"><a href="http://www.scand.com" style="text-decoration:none;color:white">&copy;Scand LLC, 2004</a></small>
+		
+		
+		
+		
+
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/doc/ogroup.html b/phpgwapi/js/dhtmlxtree/doc/ogroup.html
new file mode 100644
index 0000000000..147c289f5d
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/doc/ogroup.html
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="utf-8"?><div style="position:absolute;right:20"><a href="javascript:void(0)" onclick="expandAll(true)">expand</a><a href="javascript:void(0)" onclick="expandAll(false)">collaps</a></div><script><!--
+		
+			function openFull(el){
+				el.nextSibling.style.display=='none'?el.nextSibling.style.display='block':el.nextSibling.style.display='none'
+			}
+			function expandAll(fl){
+				var elAr = document.getElementsByTagName("DIV");
+				for(var i=2;i<elAr.length;i++){
+					if(elAr[i].style.display=='none' || elAr[i].block_fl){
+						elAr[i].block_fl = true;
+						if(fl)
+							elAr[i].style.display = "";
+						else
+							elAr[i].style.display = "none";
+					}
+				}
+			}
+		
+		--></script><style>
+			.{font-family:arial;}
+			h2 {cursor:pointer;font-size:16px;margin-left:10px;line-height:10px}
+			h3 {cursor:pointer;font-weight:normal;color:gray;text-decoration:underline;line-height:10px}
+			div.block {margin-left:30px;}
+		</style><h2 onclick="openFull(this)">dhtmlXTreeObject object API</h2><div class="block" style="display:show;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">changeItemId(itemId,newItemId)<br /><strong style="color:#6c6c6c;font-size:12px">change item id</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - old node id</li><li type="circle">newItemId - new node id</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">clearCut()<br /><strong style="color:#6c6c6c;font-size:12px">clear cut</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse target node and all child nodes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteChildItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">delete all child of node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteItem(itemId,selectParent)<br /><strong style="color:#6c6c6c;font-size:12px">delete node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doCut()<br /><strong style="color:#6c6c6c;font-size:12px">mark selected item as cutted</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doPaste(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">insert previously cutted branch</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - id of new parent node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableAutoSavingSelected(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable autosaving selected node in cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">mode - true/false</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableCheckBoxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">hide checkboxes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableContextMenu(menu)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable context menu</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">menu - menu object</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDrop(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable drag-and-drop</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDropScrolling(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable auto scrolling while drag-and-drop</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableMultiLineItems(width)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable multi line items</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">width - text width, if equls zero then use single lines items;</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableSmartXMLParsing(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable smart XML parsing mode</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableThreeStateCheckboxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable three state checkboxes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeImages(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable tree images</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeLines(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enable/disable tree lines</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItem(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text, select and focus it</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItemIdByLabel(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">focusItem(itemId)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">focus item in tree</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - item Id</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllChecked()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllCheckedBranches()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes, and parent of that checkboxes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from all next levels of tree, separated by commas.</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getChildItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun child node identificator by index</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - parent node identificator</li><li type="circle">index - index of child node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemColor(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">get node color</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun node identificator by index</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">index - index of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemText(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node text</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getLevel(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node level</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getParentId(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return parent node identificator</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemId()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node identificator</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemText()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node text</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from the next level of tree, separated by commas.</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getUserData(itemId,name)<br /><strong style="color:#6c6c6c;font-size:12px">return user data from target node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">hasChildren(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return count of childrens</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new child node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentId - parent node id</li><li type="circle">itemId - new node id</li><li type="circle">itemText - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewNext(parentItemId,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new node next to specified</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentItemId - node id</li><li type="circle">itemId - new node id</li><li type="circle">itemName - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">isItemChecked(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return state of nodes's checkbox</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadOpenStates(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">restore open nodes from cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadState(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">load tree from cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXML(file)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml file</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">file - link too XML file</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXMLString(xmlString)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml string</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">xmlString - XML string</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand target node and all child nodes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">refreshItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">refresh tree branch from xml</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node, if not defined tree super root used.</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">restoreSelectedItem(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">restore selected item from cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveOpenStates(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save open nodes to cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveSelectedItem(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save selected item to cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveState(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save tree to cookie</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">selectItem(itemId,mode)<br /><strong style="color:#6c6c6c;font-size:12px">select node ( and optionaly fire onselect event)</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Selection control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">mode - If true, script function for selected node will be called.</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">serializeTree()
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">return xml description of tree</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Add/delete; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setCheck(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragBehavior(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">set Drag-And-Drop behavior</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - behavior name (child or sibling)</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when drag-and-drop event occured</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">aFunc - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDropHandler(func)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">set function called after drag-and-drap event occured</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImageArrays(arrayName,image1,image2,image3,image4,image5)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">arrayName - name of array: plus, minus</li><li type="circle">image1 - line crossed image</li><li type="circle">image2 - image with top line</li><li type="circle">image3 - image with bottom line</li><li type="circle">image4 - image without line</li><li type="circle">image5 - single root image</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImagePath( newPath )<br /><strong style="color:#6c6c6c;font-size:12px">set path to image directory</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">newPath - path to image directory</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemCloseable(itemId,flag)<br /><strong style="color:#6c6c6c;font-size:12px">prevent node from closing</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Node/level control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">flag -  if 0 - node can't be closed, else node can be closed</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemColor(itemId,defaultColor,selectedColor)<br /><strong style="color:#6c6c6c;font-size:12px">set node color</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">defaultColor - node color</li><li type="circle">selectedColor - selected node color</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage(itemId,image1,image2)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image or closed node image (if image2 specified)</li><li type="circle">image2 - open node image (optional)</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage2(itemId, image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image</li><li type="circle">image2 - closed node image</li><li type="circle">image3 - open node image</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemText(itemId,newLabel)<br /><strong style="color:#6c6c6c;font-size:12px">set new node text (HTML allowed)</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">newLabel - node text</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnCheckHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before checkbox checked/unchecked</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node selected</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnDblClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node double clicked</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnOpenHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before tree node opened/closed</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setStdImages(image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set default images for nodes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Appearence control; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">a0 - image for node without childrens;</li><li type="circle">a1 - image for closed node;</li><li type="circle">a2 - image for opened node</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setSubChecked(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox and all childnodes checkboxes</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setUserData(itemId,name,value)<br /><strong style="color:#6c6c6c;font-size:12px">set user data for target node</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Checkboxes/user data manipulation; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li><li type="circle">value - user data</li><span /></div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setXMLAutoLoading(filePath)<br /><strong style="color:#6c6c6c;font-size:12px">enables dinamic loading from XML mode</strong><br /><span /></div><div style="display:none;margin-left:20px;font-size:12px"><em style="color:blue;">Topic(s): </em>Initialization; 
+			<br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">filePath - name of script returning XML;</li><span /></div><span /></div>
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/doc/tgroup.html b/phpgwapi/js/dhtmlxtree/doc/tgroup.html
new file mode 100644
index 0000000000..413cc3ee93
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/doc/tgroup.html
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?><div style="position:absolute;right:20"><a href="javascript:void(0)" onclick="expandAll(true)">expand</a><a href="javascript:void(0)" onclick="expandAll(false)">collaps</a></div><script><!--
+		
+			function openFull(el){
+				el.nextSibling.style.display=='none'?el.nextSibling.style.display='block':el.nextSibling.style.display='none'
+			}
+			function expandAll(fl){
+				var elAr = document.getElementsByTagName("DIV");
+				for(var i=2;i<elAr.length;i++){
+					if(elAr[i].style.display=='none' || elAr[i].block_fl){
+						elAr[i].block_fl = true;
+						if(fl)
+							elAr[i].style.display = "";
+						else
+							elAr[i].style.display = "none";
+					}
+				}
+			}
+		
+				
+		--></script><style>
+			.{font-family:arial;}
+			h2 {cursor:pointer;font-size:16px;margin-left:10px;line-height:10px}
+			h3 {cursor:pointer;font-weight:normal;color:gray;text-decoration:underline;line-height:10px}
+			div.block {margin-left:30px;}
+		</style><h2 onclick="openFull(this)">dhtmlXTreeObject object API</h2><div class="block" style="display:show;"><h3 onclick=" openFull(this)">Initialization</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableCheckBoxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">hide checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableContextMenu(menu)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable context menu</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">menu - menu object</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDrop(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable drag-and-drop</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableDragAndDropScrolling(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable auto scrolling while drag-and-drop</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enabled/disabled</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableMultiLineItems(width)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable multi line items</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">width - text width, if equls zero then use single lines items;</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableSmartXMLParsing(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable smart XML parsing mode</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableThreeStateCheckboxes(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable three state checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeImages(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enable tree images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - 1 - on, 0 - off;</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">focusItem(itemId)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">focus item in tree</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - item Id</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXML(file)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml file</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">file - link too XML file</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadXMLString(xmlString)<br /><strong style="color:#6c6c6c;font-size:12px">load tree from xml string</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">xmlString - XML string</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragBehavior(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">set Drag-And-Drop behavior</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - behavior name (child or sibling)</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDragHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when drag-and-drop event occured</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">aFunc - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setDropHandler(func)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">set function called after drag-and-drap event occured</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImagePath( newPath )<br /><strong style="color:#6c6c6c;font-size:12px">set path to image directory</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">newPath - path to image directory</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnCheckHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before checkbox checked/unchecked</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node selected</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnDblClickHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called when tree node double clicked</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setOnOpenHandler(func)<br /><strong style="color:#6c6c6c;font-size:12px">set function called before tree node opened/closed</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">func - event handling function</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setXMLAutoLoading(filePath)<br /><strong style="color:#6c6c6c;font-size:12px">enables dinamic loading from XML mode</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">filePath - name of script returning XML;</li> </div></div><h3 onclick=" openFull(this)">Selection control</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getChildItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun child node identificator by index</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - parent node identificator</li><li type="circle">index - index of child node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemIdByIndex(itemId,index)<br /><strong style="color:#6c6c6c;font-size:12px">retun node identificator by index</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">index - index of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemId()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node identificator</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSelectedItemText()<br /><strong style="color:#6c6c6c;font-size:12px">retun selected node text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">selectItem(itemId,mode)<br /><strong style="color:#6c6c6c;font-size:12px">select node ( and optionaly fire onselect event)</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">mode - If true, script function for selected node will be called.</li> </div></div><h3 onclick=" openFull(this)">Add/delete</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">clearCut()<br /><strong style="color:#6c6c6c;font-size:12px">clear cut</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteChildItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">delete all child of node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">deleteItem(itemId,selectParent)<br /><strong style="color:#6c6c6c;font-size:12px">delete node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node identificator</li><li type="circle">selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doCut()<br /><strong style="color:#6c6c6c;font-size:12px">mark selected item as cutted</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">doPaste(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">insert previously cutted branch</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - id of new parent node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableAutoSavingSelected(mode)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">enable/disable autosaving selected node in cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">mode - true/false</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItem(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text, select and focus it</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">findItemIdByLabel(searchStr,direction,top)<br /><strong style="color:#6c6c6c;font-size:12px">find tree item by text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">searchStr - search text</li><li type="circle">direction - 0: top -&gt; bottom; 1: bottom -&gt; top</li><li type="circle">top - 1: start searching from top</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewItem(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new child node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentId - parent node id</li><li type="circle">itemId - new node id</li><li type="circle">itemText - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">insertNewNext(parentItemId,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs)<br /><strong style="color:#6c6c6c;font-size:12px">create new node next to specified</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">parentItemId - node id</li><li type="circle">itemId - new node id</li><li type="circle">itemName - new node text</li><li type="circle">itemActionHandler - function fired on node select event (optional)</li><li type="circle">image1 - image for node without childrens; (optional)</li><li type="circle">image2 - image for closed node; (optional)</li><li type="circle">image3 - image for opened node (optional)</li><li type="circle">optionStr - options string (optional)</li><li type="circle">childs - node childs flag (for dynamical trees) (optional)</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadOpenStates(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">restore open nodes from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">loadState(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">load tree from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">restoreSelectedItem(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">restore selected item from cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveOpenStates(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save open nodes to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional,cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveSelectedItem(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save selected item to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">saveState(name)
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">save tree to cookie</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js<li type="circle">name - optional, cookie name</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">serializeTree()
+					[<span style="color:red;">Commercial</span>]
+				<br /><strong style="color:#6c6c6c;font-size:12px">return xml description of tree</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree_xw.js </div></div><h3 onclick=" openFull(this)">Node/level control</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">changeItemId(itemId,newItemId)<br /><strong style="color:#6c6c6c;font-size:12px">change item id</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - old node id</li><li type="circle">newItemId - new node id</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse target node and all child nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">closeItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">collapse node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getLevel(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node level</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getParentId(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return parent node identificator</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">hasChildren(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return count of childrens</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openAllItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand target node and all child nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - node id</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">openItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">expand node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemCloseable(itemId,flag)<br /><strong style="color:#6c6c6c;font-size:12px">prevent node from closing</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">flag -  if 0 - node can't be closed, else node can be closed</li> </div></div><h3 onclick=" openFull(this)">Checkboxes/user data manipulation</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllChecked()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllCheckedBranches()<br /><strong style="color:#6c6c6c;font-size:12px">return list of identificators of nodes with checked checkboxes, and parent of that checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getUserData(itemId,name)<br /><strong style="color:#6c6c6c;font-size:12px">return user data from target node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">isItemChecked(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return state of nodes's checkbox</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setCheck(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setSubChecked(itemId,state)<br /><strong style="color:#6c6c6c;font-size:12px">change state of node's checkbox and all childnodes checkboxes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">state - checkbox state</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setUserData(itemId,name,value)<br /><strong style="color:#6c6c6c;font-size:12px">set user data for target node</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - target node identificator</li><li type="circle">name - key for user data</li><li type="circle">value - user data</li> </div></div><h3 onclick=" openFull(this)">Appearence control</h3><div class="block" style="display:none;"><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">enableTreeLines(mode)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">mode - enable/disable tree lines</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getAllSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from all next levels of tree, separated by commas.</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemColor(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">get node color</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getItemText(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">return node text</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">getSubItems(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">Returns the list of all children items from the next level of tree, separated by commas.</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">refreshItem(itemId)<br /><strong style="color:#6c6c6c;font-size:12px">refresh tree branch from xml</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node, if not defined tree super root used.</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setImageArrays(arrayName,image1,image2,image3,image4,image5)<br /><strong style="color:#6c6c6c;font-size:12px">enableTreeLines(mode);</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">arrayName - name of array: plus, minus</li><li type="circle">image1 - line crossed image</li><li type="circle">image2 - image with top line</li><li type="circle">image3 - image with bottom line</li><li type="circle">image4 - image without line</li><li type="circle">image5 - single root image</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemColor(itemId,defaultColor,selectedColor)<br /><strong style="color:#6c6c6c;font-size:12px">set node color</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">defaultColor - node color</li><li type="circle">selectedColor - selected node color</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage(itemId,image1,image2)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image or closed node image (if image2 specified)</li><li type="circle">image2 - open node image (optional)</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemImage2(itemId, image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set node images</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">image1 - node without childrens image</li><li type="circle">image2 - closed node image</li><li type="circle">image3 - open node image</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setItemText(itemId,newLabel)<br /><strong style="color:#6c6c6c;font-size:12px">set new node text (HTML allowed)</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">itemId - identificator of node</li><li type="circle">newLabel - node text</li> </div><div style="margin-top:5px;font-weight:bold;cursor:pointer;" onclick="openFull(this)">setStdImages(image1,image2,image3)<br /><strong style="color:#6c6c6c;font-size:12px">set default images for nodes</strong><br /></div><div style="display:none;margin-left:20px;font-size:12px"><br /><em style="color:blue;">File required:</em>dhtmlXTree.js<li type="circle">a0 - image for node without childrens;</li><li type="circle">a1 - image for closed node;</li><li type="circle">a2 - image for opened node</li> </div></div></div>
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/index.html b/phpgwapi/js/dhtmlxtree/index.html
new file mode 100644
index 0000000000..14402c680f
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/index.html
@@ -0,0 +1,191 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<html>
+<head>
+<title>dhtmlxTree v.1.1 Standard Edition</title>
+<META NAME="KEYWORDS" CONTENT="dhtmlxtree, dhtml tree, javascript tree, java, dynamical loading, xml, API, cross-browser, javascript, dhtml, scand, treeview, navigation, menu, bar, script, javascript navigation, web-site, dynamic, dynamic menu, folder, folder tree, internet explorer, firefox, mozilla, opera, safari, tooltip, item, node, asp, .net, jsp, cold fusion, image, custom tag, loading, control, widget, web site, checkbox, drag, drop, drag and drop, component, html, offshore, software, outsourcing, development, company, advanced, efficient">
+<META NAME="DESCRIPTION" CONTENT="Javascript DHTML Tree with XML support, cross-browser compatibility and rich JavaScript API. It allows to create attractive customizable DHTML JavaScript Tree Menu. Has checkboxes and drag-n-drop">
+
+
+<link rel="STYLESHEET" type="text/css" href="css/dhtmlXTree.css">
+<script  src="js/dhtmlXCommon.js"></script>
+<script  src="js/dhtmlXTree.js"></script>	
+<script>
+	
+	var tree1,tree2 = null;
+	function doOnLoad(){
+		preLoadImages();
+		//tree #1
+		tree1=new dhtmlXTreeObject(document.getElementById('treebox1'),"100%","100%",0);
+		tree1.setImagePath("imgs/");
+		tree1.setDragHandler();
+		tree1.enableCheckBoxes(true)
+		tree1.enableThreeStateCheckboxes(true);
+		tree1.enableDragAndDrop(true)
+		tree1.loadXML("tree.xml")
+		//tree #2
+		tree2=new dhtmlXTreeObject(document.getElementById('treebox2'),"100%","100%",0);
+		tree2.setImagePath("imgs/");
+		tree2.setDragHandler();
+		tree2.enableTreeLines(false);
+		tree2.enableDragAndDrop(true)
+		tree2.loadXML("tree2.xml")
+	}
+	function preLoadImages(){
+		var imSrcAr = new Array("line1.gif","line2.gif","line3.gif","line4.gif","minus2.gif","minus3.gif","minus4.gif","plus2.gif","plus3.gif","plus4.gif","book.gif","books_open.gif","books_close.gif","magazine_open.gif","magazine_close.gif","tombs.gif","tombs_mag.gif","book_titel.gif")
+		var imAr = new Array(0);
+		for(var i=0;i<imSrcAr.length;i++){
+			imAr[imAr.length] = new Image();
+			imAr[imAr.length-1].src = "imgs/"+imSrcAr[i]
+		}
+	}
+</script>
+
+
+<body onload="doOnLoad()">
+<select onchange="document.location.href = this.value">
+	<option>dhtmlX Components
+	<option value="http://www.scbr.com/docs/products/dhtmlxMenu/index.shtml">Menu - dhtmlXMenu	
+	<option value="http://www.scbr.com/docs/products/dhtmlxToolbar/index.shtml">Toolbar - dhtmlXToolbar
+	<option value="http://www.scbr.com/docs/products/dhtmlxTree/index.shtml">Tree - dhtmlXTree
+</select>
+<p>Often there is a need to show a hierarchically structured data.<br>
+Our dhtmlxTree (DHTML extensions Tree) lets you do this in an easy and most comfortable way - in any browser! This <b>JavaScript Tree Menu component</b> allows creating user-friendly navigation bar for a commercial application or a web site. Menu items are organized into compact, hierarchical tree structure so users can find information they need easily.<br>
+Having such feature, as <b>dynamical loading</b> of items from <b>XML</b> stream allows dhtmlxTree to handle large amounts of data. <b>Drag-and-drop</b> makes it possible to drag items not just within one tree, but between different trees. Try by yourself <b>now</b>:</p>
+	
+<table width="600">
+	<tr>
+		<td>
+		<div 
+			id="treebox1" 
+			style="width:275; height:250;background-color:#f5f5f5;border :1px solid Silver;overflow:auto;">
+		</div>
+		</td>
+		<td width="50">&nbsp;</td>
+		<td>
+		<div 
+			id="treebox2" 
+			style="width:275; height:250;background-color:#f5f5f5;border :1px solid Silver;overflow:auto;">
+		</div>
+		</td>
+	</tr>
+</table>
+<font color=gray>
+	Drag &amp; drop items within the trees as well as between trees<br>
+	Double-click on folder label or click on [+] plus to expand subitems.
+</font>
+<br><br>
+<p>Rich <b>client-side Javascript API</b> gives an opportunity to change tree styles (folder images, fonts, indents, and colors) and manage any part or activity. Our DHTML tree  works perfectly in all  main Web-browsers for <b>Windows, Mac OS X, Linux or Unix</b> so you don't have to care about the browser compatibility. <br>
+dhtmlxTree has built-in <b>checkboxes</b> providing a handy tool for any kind of navigation system where selection lists are required. 
+</p>
+
+<table width="600">
+	<tr>
+		<td colspan="2">
+			<h3>What's new in version 1.1 (June 22, 2005):</h3>
+			<li>possibility to use tree without icons - <em>EnableTreeImages</em> method</li>
+			<li>autoscrolling while drag-and-drop</li>
+			<li>fixed bug in drag-and-drop on pages with scrollbars</li>
+			<li>added another drag-n-drop behavior &ndash; drop-as-sibling *</li>
+			<li><strong>drag-n-drop between frames/iframes</strong> *</li>
+			<li>OnDrop event handler *</li>
+			<li>fixed some visual glitches</li>
+			<li>focus item with script - <em>focusItem</em> method *</li>
+			<li>advanced xml processing for loading big trees - <strong>tested with 50000 items</strong> *</li>
+			<li>saving/Restoring tree <strong>state in cookie</strong> *</li>
+			<li>possibility to <strong>create XML</strong> based on updated tree structure *</li>
+			<li><strong>search functionality</strong> *</li>
+			<li>possibility to change <strong>nodes order</strong> *</li>
+			<li><strong>multi-line</strong> tree items *</li>
+			<li><strong>context menu</strong> - integration with dhtmlXMenu *</li>
+			<br>
+			<small>* - <a href="#editions">professional edition</a></small>
+		<br><br>
+		</td>
+	</tr>
+	<tr>
+		<td valign="top">
+		<h3>Supported Browsers:</h3>
+			<li>IE 5.x and above</li>
+			<li>Mac OS X Safari</li>
+			<li>Mozilla 1.4 and above</li>
+			<li>FireFox 0.9 and above</li>
+			<li>Opera (Xml support depends on browser version)</li>
+		
+		<h3>Features:</h3>
+			<li>Multibrowser/Multiplatform support </li>
+			<li>Full controll with JavaScript API</li>
+			<li>Dynamic loading <font color=gray>(can load data on demand)</font></li>
+			<li>Dynamic rendering *</li>
+			<li>XML support <font color=gray>(initializes from XML stream)</font></li>
+			<li>drag-&-drop <font color=gray>(within one tree, between trees, between frames *)</font></li>
+			<li>checkboxes <font color=gray>(two/three states)</font></li> 
+			<li>context menu * <font color=gray>(integration with <a href="http://www.scbr.com/docs/products/dhtmlxMenu/index.shtml" target="_blank">dhtmlxMenu</a>)</font></li>
+			<li>tooltips</li> 
+			<li>multi-line tree items *</li>
+			<li>customizable icons <font color=gray>(with javascript or xml)</font></li>
+			<li>user data for nodes</li>
+			<li>high stability</li>
+			<li>.NET custom server control</li>
+			<li>JSP custom tag for Java - <font color=gray><i>pending</i></font></li>
+			<li>Macromedia Cold Fusion support</li>
+			<br>
+			<small>* - <a href="#editions">professional edition</a></small>
+		<h3>Editions</h3>
+			<li>Standard - available for free download (for non-commercial use).</li>
+			<li><a name="editions">Professional</a> - contains <a href="pro_features.html" target="_blank">additional features</a> (with examples) which are not present at standard edition. Avalable for users of Commercial and Enterprice licenses.</li>
+		<h3>Licensing</h3>
+			<li><a target="_blank" href="License_GPL.txt">Open Source - GPL</a> (standard edition only)</li>
+			<li><a target="_blank" name="license" href="License_Commercial.html">Commercial License</a> (standard and professional editions): in order to use any edition of dhtmlxTree in a commercial non-OpenSource project, get all features available in <a href="#editions">professional edition</a> or to have support you can purchase a Commercial License ($99) - please <a href="mailto:info@scand.com">contact us</a></li>
+		</td>
+		<td valign="top" style="padding-left:20px">
+			<h3>Download:</h3>
+				<a href="download/dhtmlxTree.zip"><li title="Scripts, Samples, Documentation, ColdFusion Tag">Full package (v.1.1 standard)</li></a>
+				<a href="download/dhtmlxTreeDoc.zip"><li>Documentation only</li></a>
+			<h3>Examples:</h3>
+				<a target="_blank" href="samples/treeEx11.html"><li>Initialize object</li></a>
+				<a target="_blank" href="samples/treeEx12.html"><li>Add/Delete items</li></a>
+				<a target="_blank" href="samples/treeEx13.html"><li>Attached events</li></a>
+				<a target="_blank" href="samples/treeEx21.html"><li>Collapse/Expand branch</li></a>
+				<a target="_blank" href="samples/treeEx22.html"><li>Change item text/images</li></a>
+				<a target="_blank" href="samples/treeEx23.html"><li>Checkboxes</li></a>
+				<a target="_blank" href="samples/treeEx24.html"><li>Change design</li></a>
+				<a target="_blank" href="samples/treeEx31.html"><li>Autoloading from xml</li></a>
+				<a target="_blank" href="samples/treeEx32.html"><li>Drag and Drop</li></a>
+			<h3>Documentation:</h3>
+				<a target="_blank" href="doc/index.html"><li>API Functions and Documentation<br>(including CF custom tag doc)</li></a>
+		</td>
+	</tr>
+</table>
+<br>
+<div align="center" style="width:600"><h3><a href="download/dhtmlxTree.zip">Download latest version source code</a></h3></div>
+<h3>Code Sample</h3>
+	
+<XMP style="color:green">
+<link rel="STYLESHEET" type="text/css" href="jTreeX.css">
+<script  src="dhtmlXCommon.js"></script>
+<script  src="dhtmlXTree.js"></script>	
+
+<script>
+	var tree1 = null;
+	function doOnLoad(){
+		tree1=new dhtmlXTreeObject('treebox1',"100%","100%",0);
+		tree1.setImagePath("imgs/");
+		tree1.enableDragAndDrop(true);
+		tree1.loadXML("tree.xml")
+	}
+</script>
+<body onload="doOnLoad()">
+<div 
+	id="treebox1" 
+	style="	width:250; 
+		height:250;
+		background-color:#f5f5f5;
+		border :1px solid Silver;
+		overflow:auto;">
+</div>
+</XMP>	
+
+<p>See also our <a href="../jtree/">Java tree applet - jTree</a>.</p>
+<center><a href="http://scbr.com/docs/company.shtml" class=menu><img width=468 height=60 border=0 alt="" src=/img/b2.gif></a></center>
+
+<!--#include virtual="/include/bottom.shtml" -->
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/js/dhtmlXCommon.js b/phpgwapi/js/dhtmlxtree/js/dhtmlXCommon.js
new file mode 100644
index 0000000000..97f0f4ff05
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/js/dhtmlXCommon.js
@@ -0,0 +1,201 @@
+ 
+function dtmlXMLLoaderObject(funcObject,dhtmlObject){
+ this.xmlDoc="";
+ this.onloadAction=funcObject||null;
+ this.mainObject=dhtmlObject||null;
+ return this;
+};
+ 
+ dtmlXMLLoaderObject.prototype.waitLoadFunction=function(dhtmlObject){
+ this.check=function(){
+ if(!dhtmlObject.xmlDoc.readyState)dhtmlObject.onloadAction(dhtmlObject.mainObject);
+ else{
+ if(dhtmlObject.xmlDoc.readyState != 4)return false;
+ else dhtmlObject.onloadAction(dhtmlObject.mainObject);}
+};
+ return this.check;
+};
+ 
+ 
+ dtmlXMLLoaderObject.prototype.getXMLTopNode=function(tagName){
+ if(this.xmlDoc.responseXML){var temp=this.xmlDoc.responseXML.getElementsByTagName(tagName);var z=temp[0];}
+ else var z=this.xmlDoc.documentElement;
+ if(z)return z;
+ alert("Incorrect XML");
+ return document.createElement("DIV");
+};
+ 
+ 
+ dtmlXMLLoaderObject.prototype.loadXMLString=function(xmlString){
+ try 
+{
+ var parser = new DOMParser();
+ this.xmlDoc = parser.parseFromString(xmlString,"text/xml");
+}
+ catch(e){
+ this.xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+ this.xmlDoc.loadXML(xmlString);
+}
+ this.onloadAction(this.mainObject);
+}
+ dtmlXMLLoaderObject.prototype.loadXML=function(filePath){
+ try 
+{
+ this.xmlDoc = new XMLHttpRequest();
+ this.xmlDoc.open("GET",filePath,true);
+ this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
+ this.xmlDoc.send(null);
+}
+ catch(e){
+
+ if(document.implementation && document.implementation.createDocument)
+{
+ this.xmlDoc = document.implementation.createDocument("","",null);
+ this.xmlDoc.onload = new this.waitLoadFunction(this);
+}
+ else
+{
+ this.xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+ this.xmlDoc.async="true";
+ this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
+}
+ this.xmlDoc.load(filePath);
+}
+};
+ 
+ 
+function callerFunction(funcObject,dhtmlObject){
+ this.handler=function(e){
+ if(!e)e=event;
+ funcObject(e,dhtmlObject);
+ return true;
+};
+ return this.handler;
+};
+
+ 
+function getAbsoluteLeft(htmlObject){
+ var xPos = htmlObject.offsetLeft;
+ var temp = htmlObject.offsetParent;
+ while(temp != null){
+ xPos+= temp.offsetLeft;
+ temp = temp.offsetParent;
+}
+ return xPos;
+}
+ 
+function getAbsoluteTop(htmlObject){
+ var yPos = htmlObject.offsetTop;
+ var temp = htmlObject.offsetParent;
+ while(temp != null){
+ yPos+= temp.offsetTop;
+ temp = temp.offsetParent;
+}
+ return yPos;
+}
+ 
+ 
+ 
+function convertStringToBoolean(inputString){if(typeof(inputString)=="string")inputString=inputString.toLowerCase();
+ switch(inputString){
+ case "1":
+ case "true":
+ case "yes":
+ case "y":
+ case 1: 
+ case true: 
+ return true;
+ break;
+ default: return false;
+}
+}
+
+ 
+function getUrlSymbol(str){
+ if(str.indexOf("?")!=-1)
+ return "&"
+ else
+ return "?"
+}
+ 
+ 
+function dhtmlDragAndDropObject(){
+ this.lastLanding=0;
+ this.dragNode=0;
+ this.dragStartNode=0;
+ this.dragStartObject=0;
+ this.tempDOMU=null;
+ this.tempDOMM=null;
+ this.waitDrag=0;
+ if(window.dhtmlDragAndDrop)return window.dhtmlDragAndDrop;
+ window.dhtmlDragAndDrop=this;
+ return this;
+};
+ 
+ dhtmlDragAndDropObject.prototype.removeDraggableItem=function(htmlNode){
+ htmlNode.onmousedown=null;
+ htmlNode.dragStarter=null;
+ htmlNode.dragLanding=null;
+}
+ dhtmlDragAndDropObject.prototype.addDraggableItem=function(htmlNode,dhtmlObject){
+ htmlNode.onmousedown=this.preCreateDragCopy;
+ htmlNode.dragStarter=dhtmlObject;
+ this.addDragLanding(htmlNode,dhtmlObject);
+}
+ dhtmlDragAndDropObject.prototype.addDragLanding=function(htmlNode,dhtmlObject){
+ htmlNode.dragLanding=dhtmlObject;
+}
+ dhtmlDragAndDropObject.prototype.preCreateDragCopy=function(e)
+{
+ if(window.dhtmlDragAndDrop.waitDrag){
+ window.dhtmlDragAndDrop.waitDrag=0;
+ document.body.onmouseup=window.dhtmlDragAndDrop.tempDOMU;
+ document.body.onmousemove=window.dhtmlDragAndDrop.tempDOMM;
+ return;
+}
+ 
+ window.dhtmlDragAndDrop.waitDrag=1;
+ window.dhtmlDragAndDrop.tempDOMU=document.body.onmouseup;
+ window.dhtmlDragAndDrop.tempDOMM=document.body.onmousemove;
+ window.dhtmlDragAndDrop.dragStartNode=this;
+ window.dhtmlDragAndDrop.dragStartObject=this.dragStarter;
+ document.body.onmouseup=window.dhtmlDragAndDrop.preCreateDragCopy;
+ document.body.onmousemove=window.dhtmlDragAndDrop.callDrag;
+};
+ dhtmlDragAndDropObject.prototype.callDrag=function(e){
+ if(!e)e=window.event;
+ dragger=window.dhtmlDragAndDrop;
+ if(!dragger.dragNode){
+ dragger.dragNode=dragger.dragStartObject._createDragNode(dragger.dragStartNode);
+ document.body.appendChild(dragger.dragNode);
+ document.body.onmouseup=dragger.stopDrag;
+ dragger.waitDrag=0;
+}
+
+ dragger.dragNode.style.left=e.clientX+15+document.body.scrollLeft;dragger.dragNode.style.top=e.clientY+3+document.body.scrollTop;
+
+ if(!e.srcElement)var z=e.target;else z=e.srcElement;
+ dragger.checkLanding(z);
+}
+ dhtmlDragAndDropObject.prototype.checkLanding=function(htmlObject){
+ if(htmlObject.dragLanding){if(this.lastLanding)this.lastLanding.dragLanding._dragOut(this.lastLanding);
+ this.lastLanding=htmlObject;this.lastLanding=this.lastLanding.dragLanding._dragIn(this.lastLanding,this.dragStartNode);}
+ else{
+ if(htmlObject.tagName!="BODY")this.checkLanding(htmlObject.parentNode);
+ else{if(this.lastLanding)this.lastLanding.dragLanding._dragOut(this.lastLanding);this.lastLanding=0;}
+}
+}
+ dhtmlDragAndDropObject.prototype.stopDrag=function(e){
+ dragger=window.dhtmlDragAndDrop;
+ if(dragger.lastLanding)dragger.lastLanding.dragLanding._drag(dragger.dragStartNode,dragger.dragStartObject,dragger.lastLanding);
+ dragger.lastLanding=0;
+ dragger.dragNode.parentNode.removeChild(dragger.dragNode);
+ dragger.dragNode=0;
+ dragger.dragStartNode=0;
+ dragger.dragStartObject=0;
+ document.body.onmouseup=dragger.tempDOMU;
+ document.body.onmousemove=dragger.tempDOMM;
+ dragger.tempDOMU=null;
+ dragger.tempDOMM=null;
+ dragger.waitDrag=0;
+}
diff --git a/phpgwapi/js/dhtmlxtree/js/dhtmlXTree.js b/phpgwapi/js/dhtmlxtree/js/dhtmlXTree.js
new file mode 100644
index 0000000000..6671ee9f84
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/js/dhtmlXTree.js
@@ -0,0 +1,1323 @@
+ 
+
+ 
+function dhtmlXTreeObject(htmlObject,width,height,rootId){
+ if(typeof(htmlObject)!="object")
+ this.parentObject=document.getElementById(htmlObject);
+ else
+ this.parentObject=htmlObject;
+ this.mytype="tree";
+ this.width=width;
+ this.height=height;
+ this.rootId=rootId;
+ 
+ this.style_pointer="pointer";
+ if(navigator.appName == 'Microsoft Internet Explorer')this.style_pointer="hand";
+ 
+ this.hfMode=0;
+ this.nodeCut=0;
+ this.XMLsource=0;
+ this.XMLloadingWarning=0;
+ this._globalIdStorage=new Array();
+ this.globalNodeStorage=new Array();
+ this._globalIdStorageSize=0;
+ this.treeLinesOn=true;
+ this.checkFuncHandler=0;
+ this.openFuncHandler=0;
+ this.dblclickFuncHandler=0;
+ this.tscheck=false;
+ this.timgen=true;
+ 
+ this.imPath="treeGfx/";
+ this.checkArray=new Array("iconUnCheckAll.gif","iconCheckAll.gif","iconCheckGray.gif");
+ this.lineArray=new Array("line2.gif","line3.gif","line4.gif","blank.gif","blank.gif");
+ this.minusArray=new Array("minus2.gif","minus3.gif","minus4.gif","minus.gif","minus5.gif");
+ this.plusArray=new Array("plus2.gif","plus3.gif","plus4.gif","plus.gif","plus5.gif");
+ this.imageArray=new Array("leaf.gif","folderOpen.gif","folderClosed.gif");
+ this.cutImg= new Array(0,0,0);
+ this.cutImage="but_cut.gif";
+ 
+ this.dragger= new dhtmlDragAndDropObject();
+ this.htmlNode=new dhtmlXTreeItemObject(this.rootId,"",0,this);
+ this.htmlNode.htmlNode.childNodes[0].childNodes[0].style.display="none";
+ this.htmlNode.htmlNode.childNodes[0].childNodes[0].childNodes[0].className="hiddenRow";
+ this.allTree=this._createSelf();
+ this.allTree.appendChild(this.htmlNode.htmlNode);
+ this.allTree.onselectstart=new Function("return false;");
+ this.XMLLoader=new dtmlXMLLoaderObject(this._parseXMLTree,this);
+ 
+ this.dragger.addDragLanding(this.allTree,this);
+ return this;
+};
+
+ 
+function dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode){
+ this.htmlNode="";
+ this.acolor="";
+ this.scolor="";
+ this.tr=0;
+ this.childsCount=0;
+ this.tempDOMM=0;
+ this.tempDOMU=0;
+ this.dragSpan=0;
+ this.dragMove=0;
+ this.span=0;
+ this.closeble=1;
+ this.childNodes=new Array();
+
+ this.checkstate=0;
+ this.treeNod=treeObject;
+ this.label=itemText;
+ this.parentObject=parentObject;
+ this.actionHandler=actionHandler;
+ this.images=new Array(treeObject.imageArray[0],treeObject.imageArray[1],treeObject.imageArray[2]);
+
+
+ this.id=treeObject._globalIdStorageAdd(itemId,this);
+ if(this.treeNod.checkBoxOff)this.htmlNode=this.treeNod._createItem(1,this,mode);
+ else this.htmlNode=this.treeNod._createItem(0,this,mode);
+ this.htmlNode.objBelong=this;
+ return this;
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype._globalIdStorageAdd=function(itemId,itemObject){
+ if(this._globalIdStorageFind(itemId)){d=new Date();itemId=d.valueOf()+"_"+itemId;return this._globalIdStorageAdd(itemId,itemObject);}
+ this._globalIdStorage[this._globalIdStorageSize]=itemId;
+ this.globalNodeStorage[this._globalIdStorageSize]=itemObject;
+ this._globalIdStorageSize++;
+ return itemId;
+};
+ 
+ dhtmlXTreeObject.prototype._globalIdStorageSub=function(itemId){
+ for(var i=0;i<this._globalIdStorageSize;i++)
+ if(this._globalIdStorage[i]==itemId)
+{
+ this._globalIdStorage[i]=this._globalIdStorage[this._globalIdStorageSize-1];
+ this.globalNodeStorage[i]=this.globalNodeStorage[this._globalIdStorageSize-1];
+ this._globalIdStorageSize--;
+ this._globalIdStorage[this._globalIdStorageSize]=0;
+ this.globalNodeStorage[this._globalIdStorageSize]=0;
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype._globalIdStorageFind=function(itemId){
+ for(var i=0;i<this._globalIdStorageSize;i++)
+ if(this._globalIdStorage[i]==itemId)
+ return this.globalNodeStorage[i];
+ return 0;
+};
+
+
+ 
+ 
+ dhtmlXTreeObject.prototype._drawNewTr=function(htmlObject)
+{
+ var tr =document.createElement('tr');
+ var td1=document.createElement('td');
+ var td2=document.createElement('td');
+ td1.appendChild(document.createTextNode(" "));
+ td2.colSpan=3;td2.appendChild(htmlObject);tr.appendChild(td1);tr.appendChild(td2);
+ return tr;
+};
+ 
+ dhtmlXTreeObject.prototype.loadXMLString=function(xmlString){this.XMLLoader.loadXMLString(xmlString);};
+ 
+ dhtmlXTreeObject.prototype.loadXML=function(file){this.XMLLoader.loadXML(file);};
+ 
+ dhtmlXTreeObject.prototype._attachChildNode=function(parentObject,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs,beforeNode){
+ if(beforeNode)parentObject=beforeNode.parentObject;
+ if(((parentObject.XMLload==0)&&(this.XMLsource))&&(!this.XMLloadingWarning))
+{
+ parentObject.XMLload=1;this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"itemId="+escape(parentObject.itemId));
+}
+ 
+ var Count=parentObject.childsCount;
+ var Nodes=parentObject.childNodes;
+ 
+ if((!itemActionHandler)&&(this.aFunc))itemActionHandler=this.aFunc;
+ Nodes[Count]=new dhtmlXTreeItemObject(itemId,itemText,parentObject,this,itemActionHandler,1);
+ 
+ if(image1)Nodes[Count].images[0]=image1;
+ if(image2)Nodes[Count].images[1]=image2;
+ if(image3)Nodes[Count].images[2]=image3;
+ 
+ parentObject.childsCount++;
+ var tr=this._drawNewTr(Nodes[Count].htmlNode);
+ if(this.XMLloadingWarning)
+ Nodes[Count].htmlNode.parentNode.parentNode.style.display="none";
+ 
+ if(optionStr){
+ var tempStr=optionStr.split(",");
+ for(var i=0;i<tempStr.length;i++)
+{
+ switch(tempStr[i])
+{
+ case "TOP": if(parentObject.childsCount>1)beforeNode=parentObject.htmlNode.childNodes[0].childNodes[1].nodem.previousSibling;break;
+}
+};
+};
+ 
+ if((beforeNode)&&(beforeNode.tr.nextSibling))
+ parentObject.htmlNode.childNodes[0].insertBefore(tr,beforeNode.tr.nextSibling);
+ else
+ parentObject.htmlNode.childNodes[0].appendChild(tr);
+
+ if(this.XMLsource)if((childs)&&(childs!=0))Nodes[Count].XMLload=0;else Nodes[Count].XMLload=1;
+
+ Nodes[Count].tr=tr;
+ tr.nodem=Nodes[Count];
+
+ if(parentObject.itemId==0)
+ tr.childNodes[0].className="hitemIddenRow";
+ 
+ if(optionStr){
+ var tempStr=optionStr.split(",");
+ for(var i=0;i<tempStr.length;i++)
+{
+ switch(tempStr[i])
+{
+ case "SELECT": this.selectItem(itemId,false);break;
+ case "CALL": this.selectItem(itemId,true);break;
+ case "CHILD": Nodes[Count].XMLload=0;break;
+ case "CHECKED": 
+ if(this.XMLloadingWarning)
+ this.setCheckList+=itemId;
+ else
+ this.setCheck(itemId,1);
+ break;
+ case "OPEN": Nodes[Count].openMe=1;break;
+}
+};
+};
+
+ if(!this.XMLloadingWarning)
+{
+ if(this._getOpenState(parentObject)<0)
+ this.openItem(parentObject.id);
+ 
+ if(beforeNode)
+{
+ this._correctPlus(beforeNode);
+ this._correctLine(beforeNode);
+}
+ this._correctPlus(parentObject);
+ this._correctLine(parentObject);
+ this._correctPlus(Nodes[Count]);
+ if(parentObject.childsCount>=2)
+{
+ this._correctPlus(Nodes[parentObject.childsCount-2]);
+ this._correctLine(Nodes[parentObject.childsCount-2]);
+}
+ if(parentObject.childsCount!=2)this._correctPlus(Nodes[0]);
+ if(this.tscheck)this._correctCheckStates(parentObject);
+}
+ 
+ return Nodes[Count];
+};
+
+ 
+ dhtmlXTreeObject.prototype.insertNewItem=function(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs){
+ var parentObject=this._globalIdStorageFind(parentId);
+ if(!parentObject)return(-1);
+ return this._attachChildNode(parentObject,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs);
+};
+ 
+ dhtmlXTreeObject.prototype._parseXMLTree=function(dhtmlObject,node,parentId,level){
+ dhtmlObject.XMLloadingWarning=1;
+ var nodeAskingCall="";
+ if(!node){
+ node=dhtmlObject.XMLLoader.getXMLTopNode("tree");
+ parentId=node.getAttribute("id");
+ dhtmlObject.setCheckList="";
+}
+
+ for(var i=0;i<node.childNodes.length;i++)
+{
+ if((node.childNodes[i].nodeType==1)&&(node.childNodes[i].tagName == "item"))
+{
+ var name=node.childNodes[i].getAttribute("text");
+ var cId=node.childNodes[i].getAttribute("id");
+ 
+ var im0=node.childNodes[i].getAttribute("im0");
+ var im1=node.childNodes[i].getAttribute("im1");
+ var im2=node.childNodes[i].getAttribute("im2");
+ 
+ var aColor=node.childNodes[i].getAttribute("aCol");
+ var sColor=node.childNodes[i].getAttribute("sCol");
+ 
+ var chd=node.childNodes[i].getAttribute("child");
+ 
+ var atop=node.childNodes[i].getAttribute("top");
+ var aopen=node.childNodes[i].getAttribute("open");
+ var aselect=node.childNodes[i].getAttribute("select");
+ var acall=node.childNodes[i].getAttribute("call");
+ var achecked=node.childNodes[i].getAttribute("checked");
+ var closeable=node.childNodes[i].getAttribute("closeable");
+ 
+ var zST="";
+ if(aselect)zST+=",SELECT";
+ if(atop)zST+=",TOP";
+ if(acall)nodeAskingCall=cId;
+ if(achecked)zST+=",CHECKED";
+ if((aopen)&&(aopen!="0"))zST+=",OPEN";
+ 
+ var temp=dhtmlObject._globalIdStorageFind(parentId);
+ temp.XMLload=1;
+ dhtmlObject.insertNewItem(parentId,cId,name,0,im0,im1,im2,zST,chd);
+ if(dhtmlObject.parserExtension)dhtmlObject.parserExtension._parseExtension(node.childNodes[i],dhtmlObject.parserExtension,cId,parentId);
+ dhtmlObject.setItemColor(cId,aColor,sColor);
+ if((closeable=="0")||(closeable=="1"))dhtmlObject.setItemCloseable(cId,closeable);
+ var zcall=dhtmlObject._parseXMLTree(dhtmlObject,node.childNodes[i],cId,1);
+ if(zcall!="")nodeAskingCall=zcall;
+}
+ else
+ if((node.childNodes[i].nodeType==1)&&(node.childNodes[i].tagName == "userdata"))
+{
+ var name=node.childNodes[i].getAttribute("name");
+ if((name)&&(node.childNodes[i].childNodes[0])){
+ dhtmlObject.setUserData(parentId,name,node.childNodes[i].childNodes[0].data);
+};
+};
+};
+
+ if(!level){
+ dhtmlObject.lastLoadedXMLId=parentId;
+ dhtmlObject._redrawFrom(dhtmlObject);
+ dhtmlObject.XMLloadingWarning=0;
+ var chArr=dhtmlObject.setCheckList.split(",");
+ for(var n=0;n<chArr.length;n++)
+ if(chArr[n])dhtmlObject.setCheck(chArr[n],1);
+ if(nodeAskingCall!="")dhtmlObject.selectItem(nodeAskingCall,true);
+}
+ return nodeAskingCall;
+};
+ 
+ 
+ dhtmlXTreeObject.prototype._redrawFrom=function(dhtmlObject,itemObject){
+ if(!itemObject){
+ var tempx=dhtmlObject._globalIdStorageFind(dhtmlObject.lastLoadedXMLId);
+ dhtmlObject.lastLoadedXMLId=-1;
+ if(!tempx)return 0;
+}
+ else tempx=itemObject;
+ for(var i=0;i<tempx.childsCount;i++)
+{
+ if(!itemObject)tempx.childNodes[i].htmlNode.parentNode.parentNode.style.display="";
+ if(tempx.childNodes[i].openMe==1)
+ for(var zy=0;zy<tempx.childNodes[i].childNodes.length;zy++)
+ tempx.childNodes[i].htmlNode.childNodes[0].childNodes[zy+1].style.display="";
+ dhtmlObject._redrawFrom(dhtmlObject,tempx.childNodes[i]);
+ dhtmlObject._correctLine(tempx.childNodes[i]);
+ dhtmlObject._correctPlus(tempx.childNodes[i]);
+};
+ dhtmlObject._correctLine(tempx);
+ dhtmlObject._correctPlus(tempx);
+};
+
+ 
+ dhtmlXTreeObject.prototype._createSelf=function(){
+ var div=document.createElement('div');
+ div.className="containerTableStyle";
+ div.style.width=this.width;
+ div.style.height=this.height;
+ this.parentObject.appendChild(div);
+ return div;
+};
+
+ 
+ dhtmlXTreeObject.prototype._xcloseAll=function(itemObject)
+{
+ if(this.rootId!=itemObject.id)this._HideShow(itemObject,1);
+ for(var i=0;i<itemObject.childsCount;i++)
+ this._xcloseAll(itemObject.childNodes[i]);
+};
+ 
+ dhtmlXTreeObject.prototype._xopenAll=function(itemObject)
+{
+ this._HideShow(itemObject,2);
+ for(var i=0;i<itemObject.childsCount;i++)
+ this._xopenAll(itemObject.childNodes[i]);
+};
+ 
+ dhtmlXTreeObject.prototype._correctPlus=function(itemObject){
+ var workArray=this.lineArray;
+ if((this.XMLsource)&&(!itemObject.XMLload))
+{
+ var workArray=this.plusArray;
+ itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[2];
+}
+ else
+try{
+ if(itemObject.childsCount)
+{
+ if(itemObject.htmlNode.childNodes[0].childNodes[1].style.display!="none")
+{
+ var workArray=this.minusArray;
+ itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[1];
+}
+ else
+{
+ var workArray=this.plusArray;
+ itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[2];
+}
+}
+ else
+{
+ itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[0];
+}
+}
+ catch(e){};
+ 
+ var tempNum=2;
+ if(!itemObject.treeNod.treeLinesOn)itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[0].childNodes[0].src=this.imPath+workArray[3];
+ else{
+ if(itemObject.parentObject)tempNum=this._getCountStatus(itemObject.id,itemObject.parentObject);
+ itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[0].childNodes[0].src=this.imPath+workArray[tempNum];
+}
+};
+ 
+ dhtmlXTreeObject.prototype._correctLine=function(itemObject){
+ var sNode=itemObject.parentObject;
+ try{
+ if(sNode)
+ if((this._getLineStatus(itemObject.id,sNode)==0)||(!this.treeLinesOn))
+{
+ for(var i=1;i<=itemObject.childsCount;i++)
+{
+ itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundImage="";
+ itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundRepeat="";
+}
+}
+ else
+ for(var i=1;i<=itemObject.childsCount;i++)
+{
+ itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundImage="url("+this.imPath+"line1.gif)";
+ itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundRepeat="repeat-y";
+}
+}
+ catch(e){};
+};
+ 
+ dhtmlXTreeObject.prototype._getCountStatus=function(itemId,itemObject){
+ try{
+ if(itemObject.childsCount<=1){if(itemObject.id==this.rootId)return 4;else return 0;}
+ 
+ if(itemObject.htmlNode.childNodes[0].childNodes[1].nodem.id==itemId)if(!itemObject.id)return 2;else return 1;
+ if(itemObject.htmlNode.childNodes[0].childNodes[itemObject.childsCount].nodem.id==itemId)return 0;
+}
+ catch(e){};
+ return 1;
+};
+ 
+ dhtmlXTreeObject.prototype._getLineStatus =function(itemId,itemObject){
+ if(itemObject.htmlNode.childNodes[0].childNodes[itemObject.childsCount].nodem.id==itemId)return 0;
+ return 1;
+}
+
+ 
+ dhtmlXTreeObject.prototype._HideShow=function(itemObject,mode){
+ if(((this.XMLsource)&&(!itemObject.XMLload))&&(!mode)){itemObject.XMLload=1;this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(itemObject.id));return;};
+ var Nodes=itemObject.htmlNode.childNodes[0].childNodes;var Count=Nodes.length;
+ if(Count>1){
+ if(((Nodes[1].style.display!="none")||(mode==1))&&(mode!=2))nodestyle="none";else nodestyle="";
+ for(var i=1;i<Count;i++)
+ Nodes[i].style.display=nodestyle;
+}
+ this._correctPlus(itemObject);
+}
+ 
+ dhtmlXTreeObject.prototype._getOpenState=function(itemObject){
+ var z=itemObject.htmlNode.childNodes[0].childNodes;
+ if(z.length<=1)return 0;
+ if(z[1].style.display!="none")return 1;
+ else return -1;
+}
+
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.onRowClick2=function(){
+ if(this.parentObject.treeNod.dblclickFuncHandler)if(!this.parentObject.treeNod.dblclickFuncHandler(this.parentObject.id))return 0;
+ if((this.parentObject.closeble)&&(this.parentObject.closeble!="0"))
+ this.parentObject.treeNod._HideShow(this.parentObject);
+ else
+ this.parentObject.treeNod._HideShow(this.parentObject,2);
+};
+ 
+ dhtmlXTreeObject.prototype.onRowClick=function(){
+ if(this.parentObject.treeNod.openFuncHandler)if(!this.parentObject.treeNod.openFuncHandler(this.parentObject.id,this.parentObject.treeNod._getOpenState(this.parentObject)))return 0;
+ if((this.parentObject.closeble)&&(this.parentObject.closeble!="0"))
+ this.parentObject.treeNod._HideShow(this.parentObject);
+ else
+ this.parentObject.treeNod._HideShow(this.parentObject,2);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.onRowSelect=function(e,htmlObject,mode){
+ if(!htmlObject)htmlObject=this;
+ htmlObject.childNodes[0].className="selectedTreeRow";
+ if(htmlObject.parentObject.scolor)htmlObject.parentObject.span.style.color=htmlObject.parentObject.scolor;
+ if((htmlObject.parentObject.treeNod.lastSelected)&&(htmlObject.parentObject.treeNod.lastSelected!=htmlObject))
+{
+ htmlObject.parentObject.treeNod.lastSelected.childNodes[0].className="standartTreeRow";
+ if(htmlObject.parentObject.treeNod.lastSelected.parentObject.acolor)htmlObject.parentObject.treeNod.lastSelected.parentObject.span.style.color=htmlObject.parentObject.treeNod.lastSelected.parentObject.acolor;
+}
+ htmlObject.parentObject.treeNod.lastSelected=htmlObject;
+ if(!mode){if(htmlObject.parentObject.actionHandler)htmlObject.parentObject.actionHandler(htmlObject.parentObject.id);}
+};
+ 
+
+
+
+ 
+ 
+dhtmlXTreeObject.prototype._correctCheckStates=function(dhtmlObject){
+ if(!this.tscheck)return;
+ if(dhtmlObject.id==this.rootId)return;
+ var act=dhtmlObject.htmlNode.childNodes[0].childNodes;
+ var flag1=0;var flag2=0;
+ if(act.length<2)return;
+ for(var i=1;i<act.length;i++)
+ if(act[i].nodem.checkstate==0)flag1=1;
+ else if(act[i].nodem.checkstate==1)flag2=1;
+ else{flag1=1;flag2=1;break;}
+
+ if((flag1)&&(flag2))this._setCheck(dhtmlObject,"notsure");
+ else if(flag1)this._setCheck(dhtmlObject,false);
+ else this._setCheck(dhtmlObject,true);
+ 
+ this._correctCheckStates(dhtmlObject.parentObject);
+}
+ 
+ 
+ dhtmlXTreeObject.prototype.onCheckBoxClick=function(e){
+ if(this.treeNod.tscheck)
+ if(this.parentObject.checkstate==1)this.treeNod._setSubChecked(false,this.parentObject);
+ else this.treeNod._setSubChecked(true,this.parentObject);
+ else
+ if(this.parentObject.checkstate==1)this.treeNod._setCheck(this.parentObject,false);
+ else this.treeNod._setCheck(this.parentObject,true);
+ this.treeNod._correctCheckStates(this.parentObject.parentObject);
+ if(this.treeNod.checkFuncHandler)return(this.treeNod.checkFuncHandler(this.parentObject.id,this.parentObject.checkstate));
+ else return true;
+};
+ 
+ dhtmlXTreeObject.prototype._createItem=function(acheck,itemObject,mode){
+ var table=document.createElement('table');
+ table.cellSpacing=0;table.cellPadding=0;
+ table.border=0;
+ if(this.hfMode)table.style.tableLayout="fixed";
+ table.style.margin=0;table.style.padding=0;
+ 
+ var tbody=document.createElement('tbody');
+ var tr=document.createElement('tr');
+ var td1=document.createElement('td');
+ td1.className="standartTreeImage";
+ var img0=document.createElement("img");
+ img0.border="0";td1.appendChild(img0);img0.style.padding=0;
+ 
+ var td11=document.createElement('td');
+ var inp=document.createElement("img");inp.checked=0;inp.src=this.imPath+this.checkArray[0];inp.style.width="16px";inp.style.height="16px";
+
+ if(!acheck)inp.style.display="none";
+ td11.appendChild(inp);
+ td11.width="16px";
+ inp.onclick=this.onCheckBoxClick;
+ inp.treeNod=this;
+ inp.parentObject=itemObject;
+
+ var td12=document.createElement('td');
+ td12.className="standartTreeImage";
+ var img=document.createElement("img");img.onmousedown=this._preventNsDrag;
+ img.border="0";
+ if(!mode)img.src=this.imPath+this.imageArray[0];
+ td12.appendChild(img);img.style.padding=0;img.style.margin=0;
+ if(this.timgen)
+{img.style.width="18px";img.style.height="18px";}
+ else
+{img.style.width="0px";img.style.height="0px";}
+
+ 
+ var td2=document.createElement('td');
+ td2.noWrap=true;
+ itemObject.span=document.createElement('span');
+ itemObject.span.className="standartTreeRow";
+ td2.style.width="100%";
+ itemObject.span.appendChild(document.createTextNode(itemObject.label));
+ td2.appendChild(itemObject.span);
+ td2.parentObject=itemObject;td1.parentObject=itemObject;
+ td2.onclick=this.onRowSelect;td1.onclick=this.onRowClick;td2.ondblclick=this.onRowClick2;
+ 
+ if(this.dragAndDropOff)this.dragger.addDraggableItem(td2,this);
+ 
+ td2.style.verticalAlign="";
+ td2.style.cursor=this.style_pointer;
+ tr.appendChild(td1);tr.appendChild(td11);tr.appendChild(td12);
+ tr.appendChild(td2);
+ tbody.appendChild(tr);
+ table.appendChild(tbody);
+ return table;
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.setImagePath=function(newPath){this.imPath=newPath;};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.setOnClickHandler=function(func){if(typeof(func)=="function")this.aFunc=func;else this.aFunc=eval(func);};
+ 
+ 
+ dhtmlXTreeObject.prototype.setXMLAutoLoading=function(filePath){this.XMLsource=filePath;};
+ 
+ dhtmlXTreeObject.prototype.setOnCheckHandler=function(func){if(typeof(func)=="function")this.checkFuncHandler=func;else this.checkFuncHandler=eval(func);};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.setOnOpenHandler=function(func){if(typeof(func)=="function")this.openFuncHandler=func;else this.openFuncHandler=eval(func);};
+ 
+ 
+ dhtmlXTreeObject.prototype.setOnDblClickHandler=function(func){if(typeof(func)=="function")this.dblclickFuncHandler=func;else this.dblclickFuncHandler=eval(func);};
+ 
+ 
+ 
+ 
+
+
+
+
+
+ 
+ dhtmlXTreeObject.prototype.openAllItems=function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ this._xopenAll(temp);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getOpenState=function(itemId){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return "";
+ return this._getOpenState(temp);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.closeAllItems=function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ this._xcloseAll(temp);
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.setUserData=function(itemId,name,value){
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ if(name=="hint")sNode.htmlNode.childNodes[0].childNodes[0].title=value;
+ sNode[name]=value;
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getUserData=function(itemId,name){
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ return eval("sNode."+name);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getSelectedItemId=function()
+{
+ if(this.lastSelected)
+ if(this._globalIdStorageFind(this.lastSelected.parentObject.id))
+ return this.lastSelected.parentObject.id;
+ return("");
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getItemColor=function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+
+ var res= new Object();
+ if(temp.acolor)res.acolor=temp.acolor;
+ if(temp.acolor)res.scolor=temp.scolor;
+ return res;
+};
+ 
+ dhtmlXTreeObject.prototype.setItemColor=function(itemId,defaultColor,selectedColor)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ else{
+ if((this.lastSelected)&&(temp.tr==this.lastSelected.parentObject.tr))
+{if(selectedColor)temp.span.style.color=selectedColor;}
+ else 
+{if(defaultColor)temp.span.style.color=defaultColor;}
+ 
+ if(selectedColor)temp.scolor=selectedColor;
+ if(defaultColor)temp.acolor=defaultColor;
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getItemText=function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ return(temp.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML);
+};
+ 
+ dhtmlXTreeObject.prototype.getParentId=function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if((!temp)||(!temp.parentObject))return "";
+ return temp.parentObject.id;
+};
+
+
+
+ 
+ dhtmlXTreeObject.prototype.changeItemId=function(itemId,newItemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ temp.id=newItemId;
+ for(var i=0;i<this._globalIdStorageSize;i++)
+ if(this._globalIdStorage[i]==itemId)
+{
+ this._globalIdStorage[i]=newItemId;
+}
+};
+
+ 
+ 
+ dhtmlXTreeObject.prototype.doCut=function(){
+ if(this.nodeCut)this.clearCut();
+ this.nodeCut=this.lastSelected;
+ if(this.nodeCut)
+{
+ var tempa=this.nodeCut.parentObject;
+ this.cutImg[0]=tempa.images[0];
+ this.cutImg[1]=tempa.images[1];
+ this.cutImg[2]=tempa.images[2];
+ tempa.images[0]=tempa.images[1]=tempa.images[2]=this.cutImage;
+ this._correctPlus(tempa);
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.doPaste=function(itemId){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ if(this.nodeCut){
+ if((!this._checkParenNodes(this.nodeCut.parentObject.id,temp))&&(id!=this.nodeCut.parentObject.parentObject.id))
+ this._moveNode(temp,this.nodeCut.parentObject);
+ this.clearCut();
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.clearCut=function(){
+ if(this.nodeCut)
+{
+ var tempa=this.nodeCut.parentObject;
+ tempa.images[0]=this.cutImg[0];
+ tempa.images[1]=this.cutImg[1];
+ tempa.images[2]=this.cutImg[2];
+ if(tempa.parentObject)this._correctPlus(tempa);
+ if(tempa.parentObject)this._correctLine(tempa);
+ this.nodeCut=0;
+}
+};
+ 
+
+
+ 
+ dhtmlXTreeObject.prototype._moveNode=function(itemObject,targetObject){
+ if(this.dragFunc)if(!this.dragFunc(itemObject.id,targetObject.id))return false;
+ if((targetObject.XMLload==0)&&(this.XMLsource))
+{
+ targetObject.XMLload=1;this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(targetObject.id));
+}
+ this.openItem(targetObject.id);
+ var oldTree=itemObject.treeNod;
+ var c=itemObject.parentObject.childsCount;
+ var z=itemObject.parentObject;
+ var Count=targetObject.childsCount;var Nodes=targetObject.childNodes;
+ Nodes[Count]=itemObject;
+ itemObject.treeNod=targetObject.treeNod;
+ targetObject.childsCount++;
+ 
+ var tr=this._drawNewTr(Nodes[Count].htmlNode);
+ targetObject.htmlNode.childNodes[0].appendChild(tr);
+ 
+ itemObject.parentObject.htmlNode.childNodes[0].removeChild(itemObject.tr);
+ 
+
+ for(var i=0;i<z.childsCount;i++)
+ if(z.childNodes[i].id==itemObject.id){
+ z.childNodes[i]=0;
+ break;}
+ oldTree._compressChildList(z.childsCount,z.childNodes);
+ z.childsCount--;
+ itemObject.tr=tr;
+ tr.nodem=itemObject;
+
+ itemObject.parentObject=targetObject;
+ if(oldTree!=targetObject.treeNod){if(itemObject.treeNod._registerBranch(itemObject,oldTree))return;this._clearStyles(itemObject);};
+ 
+ 
+ if(c>1){oldTree._correctPlus(z.childNodes[c-2]);
+ oldTree._correctLine(z.childNodes[c-2]);}
+ this._correctPlus(targetObject);
+ this._correctLine(targetObject);
+ oldTree._correctPlus(z);
+ this._correctLine(itemObject);
+ this._correctPlus(Nodes[Count]);
+ if(targetObject.childsCount>=2)
+{
+ this._correctPlus(Nodes[targetObject.childsCount-2]);
+ this._correctLine(Nodes[targetObject.childsCount-2]);
+}
+ if(this.tscheck)this._correctCheckStates(targetObject);
+ if(oldTree.tscheck)oldTree._correctCheckStates(z);
+ return true;
+};
+ 
+ 
+dhtmlXTreeObject.prototype._checkParenNodes=function(itemId,htmlObject,shtmlObject){
+ if(shtmlObject){if(shtmlObject.parentObject.id==htmlObject.id)return 1;}
+ if(htmlObject.id==itemId)return 1;
+ if(htmlObject.parentObject)return this._checkParenNodes(itemId,htmlObject.parentObject);else return 0;
+};
+ 
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype._clearStyles=function(itemObject){
+ var td1=itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[1];
+ var td3=td1.nextSibling.nextSibling;
+ 
+ if(this.checkBoxOff){td1.childNodes[0].style.display="";td1.childNodes[0].onclick=this.onCheckBoxClick;}
+ else td1.childNodes[0].style.display="none";
+ td1.childNodes[0].treeNod=this;
+ 
+ this.dragger.removeDraggableItem(td3);
+ if(this.dragAndDropOff)this.dragger.addDraggableItem(td3,this);
+ td3.childNodes[0].className="standartTreeRow";
+ td3.onclick=this.onRowSelect;td3.ondblclick=this.onRowClick2;
+ td1.previousSibling.onclick=this.onRowClick;
+
+
+ this._correctLine(itemObject);
+ this._correctPlus(itemObject);
+ for(var i=0;i<itemObject.childsCount;i++)this._clearStyles(itemObject.childNodes[i]);
+};
+ 
+ dhtmlXTreeObject.prototype._registerBranch=function(itemObject,oldTree){
+ 
+ itemObject.id=this._globalIdStorageAdd(itemObject.id,itemObject);
+ itemObject.treeNod=this;
+ if(oldTree)oldTree._globalIdStorageSub(itemObject.id);
+ for(var i=0;i<itemObject.childsCount;i++)
+ this._registerBranch(itemObject.childNodes[i],oldTree);
+ return 0;
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.enableThreeStateCheckboxes=function(mode){this.tscheck=convertStringToBoolean(mode);};
+ 
+ 
+ dhtmlXTreeObject.prototype.enableTreeImages=function(mode){this.timgen=convertStringToBoolean(mode);};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.enableFixedMode=function(mode){this.hfMode=convertStringToBoolean(mode);};
+ 
+ 
+ dhtmlXTreeObject.prototype.enableCheckBoxes=function(mode){this.checkBoxOff=convertStringToBoolean(mode);};
+ 
+ dhtmlXTreeObject.prototype.setStdImages=function(image1,image2,image3){
+ this.imageArray[0]=image1;this.imageArray[1]=image2;this.imageArray[2]=image3;};
+
+ 
+ dhtmlXTreeObject.prototype.enableTreeLines=function(mode){
+ this.treeLinesOn=convertStringToBoolean(mode);
+}
+
+ 
+ dhtmlXTreeObject.prototype.setImageArrays=function(arrayName,image1,image2,image3,image4,image5){
+ switch(arrayName){
+ case "plus": this.plusArray[0]=image1;this.plusArray[1]=image2;this.plusArray[2]=image3;this.plusArray[3]=image4;this.plusArray[4]=image5;break;
+ case "minus": this.minusArray[0]=image1;this.minusArray[1]=image2;this.minusArray[2]=image3;this.minusArray[3]=image4;this.minusArray[4]=image5;break;
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.openItem=function(itemId){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ this._HideShow(temp,2);
+ if((temp.parentObject)&&(this._getOpenState(temp.parentObject)<0))
+ this.openItem(temp.parentObject.id);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.closeItem=function(itemId){
+ if(this.rootId==itemId)return 0;
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ if(temp.closeble)
+ this._HideShow(temp,1);
+};
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.getLevel=function(itemId){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ return this._getNodeLevel(temp,0);
+};
+ 
+ 
+
+ 
+ dhtmlXTreeObject.prototype.setItemCloseable=function(itemId,flag)
+{
+ flag=convertStringToBoolean(flag);
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ temp.closeble=flag;
+};
+ 
+ 
+ dhtmlXTreeObject.prototype._getNodeLevel=function(itemObject,count){
+ if(itemObject.parentObject)return this._getNodeLevel(itemObject.parentObject,count+1);
+ return(count);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.hasChildren=function(itemId){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ else 
+{
+ if((this.XMLsource)&&(!temp.XMLload))return true;
+ else 
+ return temp.childsCount;
+};
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.setItemText=function(itemId,newLabel)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ temp.label=newLabel;
+ temp.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML=newLabel;
+};
+ 
+ dhtmlXTreeObject.prototype.refreshItem=function(itemId){
+ if(!itemId)itemId=this.rootId;
+ var temp=this._globalIdStorageFind(itemId);
+ this.deleteChildItems(itemId);
+ this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(itemId));
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.setItemImage2=function(itemId,image1,image2,image3){
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ temp.images[1]=image2;
+ temp.images[2]=image3;
+ temp.images[0]=image1;
+ this._correctPlus(temp);
+};
+ 
+ dhtmlXTreeObject.prototype.setItemImage=function(itemId,image1,image2)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ if(image2)
+{
+ temp.images[1]=image1;
+ temp.images[2]=image2;
+}
+ else temp.images[0]=image1;
+ this._correctPlus(temp);
+};
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.getSubItems =function(itemId)
+{
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+
+ var z="";
+ for(i=0;i<temp.childsCount;i++)
+ if(!z)z=temp.childNodes[i].id;
+ else z+=","+temp.childNodes[i].id;
+ return z;
+};
+ 
+ dhtmlXTreeObject.prototype.getAllSubItems =function(itemId){
+ return this._getAllSubItems(itemId);
+}
+ 
+ 
+ dhtmlXTreeObject.prototype._getAllSubItems =function(itemId,z,node)
+{
+ if(node)temp=node;
+ else{
+ var temp=this._globalIdStorageFind(itemId);
+};
+ if(!temp)return 0;
+ 
+ z="";
+ for(var i=0;i<temp.childsCount;i++)
+{
+ if(!z)z=temp.childNodes[i].id;
+ else z+=","+temp.childNodes[i].id;
+ var zb=this._getAllSubItems(0,z,temp.childNodes[i])
+ if(zb)z+=","+zb;
+}
+ return z;
+};
+ 
+
+ 
+ 
+ dhtmlXTreeObject.prototype.selectItem=function(itemId,mode){
+ mode=convertStringToBoolean(mode);
+ var temp=this._globalIdStorageFind(itemId);
+ if(!temp)return 0;
+ if(this._getOpenState(temp.parentObject)==-1)
+ this.openItem(itemId);
+ if(mode)
+ this.onRowSelect(0,temp.htmlNode.childNodes[0].childNodes[0].childNodes[3],false);
+ else
+ this.onRowSelect(0,temp.htmlNode.childNodes[0].childNodes[0].childNodes[3],true);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.getSelectedItemText=function()
+{
+ if(this.lastSelected)
+ return this.lastSelected.parentObject.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML;
+ else return("");
+};
+
+
+
+
+ 
+ dhtmlXTreeObject.prototype._compressChildList=function(Count,Nodes)
+{
+ Count--;
+ for(var i=0;i<Count;i++)
+{
+ if(Nodes[i]==0){Nodes[i]=Nodes[i+1];Nodes[i+1]=0;}
+};
+};
+ 
+ dhtmlXTreeObject.prototype._deleteNode=function(itemId,htmlObject,skip){
+
+ if(!skip){
+ this._globalIdStorageRecSub(htmlObject);
+}
+ 
+ if((!htmlObject)||(!htmlObject.parentObject))return 0;
+ var tempos=0;var tempos2=0;
+ if(htmlObject.tr.nextSibling)tempos=htmlObject.tr.nextSibling.nodem;
+ if(htmlObject.tr.previousSibling)tempos2=htmlObject.tr.previousSibling.nodem;
+ 
+ var sN=htmlObject.parentObject;
+ var Count=sN.childsCount;
+ var Nodes=sN.childNodes;
+ for(var i=0;i<Count;i++)
+{
+ if(Nodes[i].id==itemId){
+ if(!skip)sN.htmlNode.childNodes[0].removeChild(Nodes[i].tr);
+ Nodes[i]=0;
+ break;
+}
+}
+ this._compressChildList(Count,Nodes);
+ if(!skip){
+ sN.childsCount--;
+}
+
+ if(tempos){
+ this._correctPlus(tempos);
+ this._correctLine(tempos);
+}
+ if(tempos2){
+ this._correctPlus(tempos2);
+ this._correctLine(tempos2);
+}
+ if(this.tscheck)this._correctCheckStates(sN);
+};
+ 
+ dhtmlXTreeObject.prototype.setCheck=function(itemId,state){
+ state=convertStringToBoolean(state);
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ if(!this.tscheck)return this._setSubChecked(state,sNode);
+ else this._setCheck(sNode,state);
+ this._correctCheckStates(sNode.parentObject);
+};
+ 
+ dhtmlXTreeObject.prototype._setCheck=function(sNode,state){
+ var z=sNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
+ if(state=="notsure")sNode.checkstate=2;
+ else if(state)sNode.checkstate=1;else sNode.checkstate=0;
+ 
+ z.src=this.imPath+this.checkArray[sNode.checkstate];
+};
+ 
+ 
+dhtmlXTreeObject.prototype.setSubChecked=function(itemId,state){
+ var sNode=this._globalIdStorageFind(itemId);
+ this._setSubChecked(state,sNode);
+ this._correctCheckStates(sNode.parentObject);
+}
+ 
+ dhtmlXTreeObject.prototype._setSubChecked=function(state,sNode){
+ state=convertStringToBoolean(state);
+ if(!sNode)return;
+ for(var i=0;i<sNode.childsCount;i++)
+{
+ this._setSubChecked(state,sNode.childNodes[i]);
+};
+ var z=sNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
+ if(state)sNode.checkstate=1;
+ else sNode.checkstate=0;
+ z.src=this.imPath+this.checkArray[sNode.checkstate];
+};
+
+ 
+ dhtmlXTreeObject.prototype.isItemChecked=function(itemId){
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ return sNode.checkstate;
+};
+ 
+
+
+
+
+ 
+ dhtmlXTreeObject.prototype.getAllChecked=function(){
+ return this._getAllChecked("","",1);
+}
+ 
+ dhtmlXTreeObject.prototype.getAllCheckedBranches=function(){
+ return this._getAllChecked("","",0);
+}
+ 
+ 
+ dhtmlXTreeObject.prototype._getAllChecked=function(htmlNode,list,mode){
+ if(!htmlNode)htmlNode=this.htmlNode;
+ if(((mode)&&(htmlNode.checkstate==1))||((!mode)&&(htmlNode.checkstate>0))){if(list)list+=","+htmlNode.id;else list=htmlNode.id;}
+ var j=htmlNode.childsCount;
+ for(var i=0;i<j;i++)
+{
+ list=this._getAllChecked(htmlNode.childNodes[i],list,mode);
+};
+ if(list)return list;else return "";
+};
+ 
+ dhtmlXTreeObject.prototype.deleteChildItems=function(itemId)
+{
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ var j=sNode.childsCount;
+ for(var i=0;i<j;i++)
+{
+ this._deleteNode(sNode.childNodes[0].id,sNode.childNodes[0]);
+};
+};
+ 
+ 
+dhtmlXTreeObject.prototype.deleteItem=function(itemId,selectParent){
+ this._deleteItem(itemId,selectParent);
+}
+ 
+dhtmlXTreeObject.prototype._deleteItem=function(itemId,selectParent,skip){
+ selectParent=convertStringToBoolean(selectParent);
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return;
+ if(selectParent)this.selectItem(this.getParentId(this.getSelectedItemId()),1);
+ if(!skip){
+ this._globalIdStorageRecSub(sNode);
+};
+ var zTemp=sNode.parentObject;
+ this._deleteNode(itemId,sNode,skip);
+ this._correctPlus(zTemp);
+ this._correctLine(zTemp);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype._globalIdStorageRecSub=function(itemObject){
+ for(var i=0;i<itemObject.childsCount;i++)
+{
+ this._globalIdStorageRecSub(itemObject.childNodes[i]);
+ this._globalIdStorageSub(itemObject.childNodes[i].id);
+};
+ this._globalIdStorageSub(itemObject.id);
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.insertNewNext=function(parentItemId,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs){
+ var sNode=this._globalIdStorageFind(parentItemId);
+ if(!sNode)return(0);
+ this._attachChildNode(0,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs,sNode);
+};
+
+ 
+ 
+ 
+ dhtmlXTreeObject.prototype.getItemIdByIndex=function(itemId,index){
+ var z=this._globalIdStorageFind(itemId);
+ if(!z)return 0;
+ var temp=z.htmlNode.childNodes[0].childNodes[0];
+ while(index>0)
+{
+ temp=temp.nextSibling;
+ if((!temp)||(!temp.nodem))return 0;
+ index--;
+}
+ return temp.nodem.id;
+};
+ 
+ dhtmlXTreeObject.prototype.getChildItemIdByIndex=function(itemId,index){
+ var sNode=this._globalIdStorageFind(itemId);
+ if(!sNode)return(0);
+ if(this.hasChildren(itemId)<index)return 0;
+ return sNode.htmlNode.childNodes[0].childNodes[index].nodem.id;
+};
+
+
+ 
+ 
+
+ 
+ dhtmlXTreeObject.prototype.setDragHandler=function(func){if(typeof(func)=="function")this.dragFunc=func;else this.dragFunc=eval(func);};
+ 
+ 
+ dhtmlXTreeObject.prototype._clearMove=function(htmlNode){
+ if(htmlNode.parentObject.span){
+ htmlNode.parentObject.span.className='standartTreeRow';
+ if(htmlNode.parentObject.acolor)htmlNode.parentObject.span.style.color=htmlNode.parentObject.acolor;
+}
+};
+ 
+ 
+ dhtmlXTreeObject.prototype.enableDragAndDrop=function(mode){this.dragAndDropOff=convertStringToBoolean(mode);};
+ 
+ 
+ dhtmlXTreeObject.prototype._setMove=function(htmlNode){
+ if(htmlNode.parentObject.span){
+ htmlNode.parentObject.span.className='selectedTreeRow';
+ if(htmlNode.parentObject.scolor)htmlNode.parentObject.span.style.color=htmlNode.parentObject.scolor;
+}
+};
+ 
+ 
+ 
+dhtmlXTreeObject.prototype._createDragNode=function(htmlObject){
+ dhtmlObject=htmlObject.parentObject;
+ if(this.lastSelected)this._clearMove(this.lastSelected);
+ var dragSpan=document.createElement('div');
+ dragSpan.appendChild(document.createTextNode(dhtmlObject.label));
+ dragSpan.style.position="absolute";
+ dragSpan.className="dragSpanDiv";
+ return dragSpan;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+dhtmlXTreeObject.prototype._preventNsDrag=function(e){
+ if((e)&&(e.preventDefault)){e.preventDefault();return false;}
+}
+
+dhtmlXTreeObject.prototype._drag=function(sourceHtmlObject,dhtmlObject,targetHtmlObject){
+ if(!targetHtmlObject.parentObject){targetHtmlObject=this.htmlNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0];}
+ else this._clearMove(targetHtmlObject);
+ if(dhtmlObject.lastSelected)dhtmlObject._setMove(dhtmlObject.lastSelected);
+ if((!this.dragMove)||(this.dragMove()))this._moveNode(sourceHtmlObject.parentObject,targetHtmlObject.parentObject);
+
+}
+
+dhtmlXTreeObject.prototype._dragIn=function(htmlObject,shtmlObject){
+ if(!htmlObject.parentObject)
+{
+ 
+ return htmlObject;
+}
+ if((!this._checkParenNodes(shtmlObject.parentObject.id,htmlObject.parentObject,shtmlObject.parentObject))&&(htmlObject.parentObject.id!=shtmlObject.parentObject.id))
+{
+ this._setMove(htmlObject);
+ if(this._getOpenState(htmlObject.parentObject)<0)
+ this._autoOpenTimer=window.setTimeout(new callerFunction(this._autoOpenItem,this),1000);
+ this._autoOpenId=htmlObject.parentObject.id;
+ return htmlObject;
+}
+ else return 0;
+}
+dhtmlXTreeObject.prototype._autoOpenItem=function(e,treeObject){
+ treeObject.openItem(treeObject._autoOpenId);
+};
+dhtmlXTreeObject.prototype._dragOut=function(htmlObject){
+ if(!htmlObject.parentObject)return 0;
+this._clearMove(htmlObject);if(this._autoOpenTimer)clearTimeout(this._autoOpenTimer);}
+
+
diff --git a/phpgwapi/js/dhtmlxtree/pro_features.html b/phpgwapi/js/dhtmlxtree/pro_features.html
new file mode 100644
index 0000000000..62f4ce72b6
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/pro_features.html
@@ -0,0 +1,30 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree. Professional edition features</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+
+<h1>dhtmlxTree Professional Edition Features:</h1>
+<hr>
+<li>Context Menu</li>
+<li>OnDrop event handler</li>
+<li>Additional Drag-n-drop behavior &ndash; drop-as-sibling</li>
+<li>Drag-n-drop between frames</li>
+<li>Focus item with script method</li>
+<li>Dynamic rendering &ndash; advanced xml processing for loading big trees when dynamical loading can't be used</li>
+<li>Serialization &ndash; possibility to create XML based on updated tree structure.</li>
+<li>Search</li>
+<li>Multi-line tree items</li>
+<li>Saving/Restoring tree state in/from cookies</li>
+
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/readme.txt b/phpgwapi/js/dhtmlxtree/readme.txt
new file mode 100644
index 0000000000..42037fa385
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/readme.txt
@@ -0,0 +1,24 @@
+
+Current version: 1.1 from June 22, 2005 build 714
+
+============================================================================================
+
+If you want to use dhtmlXTree in a commercial product, you have to buy a commercial license. 
+Please contact us at info@scand.com
+
+Some comments on commercial usage:
+
+1.Commercial License allows you to use dhtmlXTree on unlimited number of Websites or sites 
+but only in one commercial project(application). According to this license we provide you 
+with support (consultations) and free-of-charge bug fixing during 3 month. 
+This license costs $99. 
+
+2.Enterprise License allows you to use dhtmlXTree in unlimited number of projects on condition 
+that all of them are projects of one company. Support period is 2 years. 
+This license costs $399.
+
+One year support additionally to period specified in license will cost $79 plus.
+
+According to both licenses you are allowed to make changes to the code of Software but Scand LLC 
+still owns the code and you are not allowed to distribute changed code.
+
diff --git a/phpgwapi/js/dhtmlxtree/samples/dhtmlXTree.cfm b/phpgwapi/js/dhtmlxtree/samples/dhtmlXTree.cfm
new file mode 100644
index 0000000000..f2ce9ed492
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/dhtmlXTree.cfm
@@ -0,0 +1,82 @@
+<cfsetting enablecfoutputonly="yes">
+<cfparam name="attributes.width" default="100%">
+<cfparam name="attributes.height" default="100%">
+<cfparam name="attributes.name" default="t#left(replace(CreateUUID(),'-','','All'),15)#">
+<cfparam name="attributes.JSPath" default="js/">
+<cfparam name="attributes.CSSPath" default="css/">
+<cfparam name="attributes.iconspath" default="imgs/">
+<cfparam name="attributes.xmldoc" default="">
+<cfparam name="attributes.checkboxes" default="none"> <!--- [ Scand:  none, twoState, threeState  ] --->
+<cfparam name="attributes.dragndrop" default="false">
+<cfparam name="attributes.style" default="background-color:whitesmoke;border:1px solid blue;">
+<cfparam name="attributes.onSelect" default="">
+<cfparam name="attributes.onDrop" default="">
+<cfparam name="attributes.onCheck" default="">
+<cfparam name="attributes.xmlFile" default="">
+
+<cfparam name="attributes.im1" default="">
+<cfparam name="attributes.im2" default="">
+<cfparam name="attributes.im3" default="">
+
+<cfif not ThisTag.HasEndTag>
+   <cfabort showerror="You need to supply a closing &lt;CF_dhtmlXTree&gt; tag.">
+</cfif>
+
+<cfif ThisTag.ExecutionMode is "End">
+	<cfsavecontent variable="treeOutput">
+		<cfoutput>
+		<cfif not isDefined("request.dhtmlXTreeScriptsInserted")>
+			<link rel="STYLESHEET" type="text/css" href="#attributes.CSSPath#dhtmlXTree.css">
+			<script  src="#attributes.JSPath#dhtmlXCommon.js"></script>
+			<script  src="#attributes.JSPath#dhtmlXTree.js"></script>	
+			<cfset request.dhtmlXTreeScriptsInserted=1>
+		</cfif>
+		<div id="treebox_#attributes.name#" style="width:#attributes.width#; height:#attributes.height#; overflow:auto; #attributes.style#"></div>
+		<script>
+			function drawTree#attributes.name#(){
+			#attributes.name#=new dhtmlXTreeObject('treebox_#attributes.name#',"100%","100%",0);
+			#attributes.name#.setImagePath("#attributes.iconspath#");
+				<cfswitch expression="#attributes.checkboxes#">
+			<cfcase value="twoState">
+				#attributes.name#.enableCheckBoxes(true)
+				#attributes.name#.enableThreeStateCheckboxes(false);
+			</cfcase>
+			<cfcase value="threeState">
+				#attributes.name#.enableCheckBoxes(true)
+				#attributes.name#.enableThreeStateCheckboxes(true);
+			</cfcase>
+			<cfdefaultcase>
+				#attributes.name#.enableCheckBoxes(false)
+				#attributes.name#.enableThreeStateCheckboxes(false);
+			</cfdefaultcase>
+				</cfswitch>
+			<cfif len(attributes.onSelect)>
+				#attributes.name#.setOnClickHandler("#attributes.onSelect#");
+			</cfif>
+			<cfif len(attributes.onCheck)>
+				#attributes.name#.setOnCheckHandler("#attributes.onCheck#");
+			</cfif>
+			<cfif len(attributes.onDrop)>
+				#attributes.name#.setDragHandler("#attributes.onDrop#");
+			</cfif>					
+				#attributes.name#.enableDragAndDrop(#attributes.dragndrop#)
+			<cfif (len(attributes.im1) or len(attributes.im2)) or len(attributes.im3)>
+				#attributes.name#.setStdImages("#attributes.im1#","#attributes.im2#","#attributes.im3#");
+			</cfif>
+			<cfif len(attributes.xmlFile)>
+				#attributes.name#.setXMLAutoLoading("#attributes.xmlFile#");
+				#attributes.name#.loadXML("#attributes.xmlFile#")
+			</cfif>
+			<cfif Len(Trim(ThisTag.GeneratedContent))>
+				#attributes.name#.loadXMLString("<?xml version='1.0'?><tree id='0'>#replace(replace(ThisTag.GeneratedContent,'"',"'","ALL"),"#chr(13)##chr(10)#","","ALL")#</tree>")
+			</cfif>		
+			};
+			window.setTimeout("drawTree#attributes.name#()",100);	
+		</script>
+		</cfoutput>
+		
+	</cfsavecontent>
+
+    <cfset ThisTag.GeneratedContent = treeOutput>
+</cfif>
+<cfsetting enablecfoutputonly="no">
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/samples/example.cfm b/phpgwapi/js/dhtmlxtree/samples/example.cfm
new file mode 100644
index 0000000000..6298250b80
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/example.cfm
@@ -0,0 +1,122 @@
+<style>
+	td.ex{ font-family:Tahoma,Arial; color:green; font-size:12px;}
+</style>
+<script>
+	function onCheck(id){
+		alert("Check id "+id);
+	}
+	function onClick(id){
+		alert("Click id "+id);
+	}
+	function onDrag(id,id2){
+		alert("Drag id "+id+","+id2);
+		return true;
+	}		
+</script>
+
+<table width="100%">
+<tr><td height="200px" width="50%">
+<cf_dhtmlXTree jsPath="../js/" cssPath="../css/" iconspath="../imgs/" im1="book.gif" im2="books_open.gif" im3="books_close.gif">
+		<item text="Mystery &amp; Thrillers" id="mystery" open="yes" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifters Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+</cf_dhtmlXTree>
+</td><td class="ex">
+	&lt;cf_dhtmlXTree  im1="book.gif" im2="books_open.gif" im3="books_close.gif" &gt;
+	<xmp>
+		<item text="Mystery " id="mystery"  open="yes" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifters Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+	</xmp>
+	&lt;/cf_dhtmlXTree&gt;
+	
+</td></td></tr>
+<tr><td height="200px">
+<cf_dhtmlXTree  checkboxes="threeState"  open="yes" xmlFile="tree4.xml" >
+</cf_dhtmlXTree>
+</td><td class="ex">
+	&lt;cf_dhtmlXTree   checkboxes="threeState" xmlFile="tree4.xml"  &gt;
+	&lt;/cf_dhtmlXTree&gt;
+	
+</td></td></tr>
+<tr><td height="200px">
+<cf_dhtmlXTree width="50%" dragndrop="true"  checkboxes="twoState" onSelect="onClick" onCheck="onCheck" onDrop="onDrag">
+		<item text="Mystery  " id="mystery"  open="yes" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifters Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+</cf_dhtmlXTree>
+</td><td class="ex">
+	&lt;cf_dhtmlXTree   width="50%" dragndrop="true"  checkboxes="twoState" onSelect="onClick" onCheck="onCheck" onDrop="onDrag" &gt;
+	<xmp>
+		<item text="Mystery " id="mystery"  open="yes" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifters Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+	</xmp>
+	&lt;/cf_dhtmlXTree&gt;
+	
+</td></td></tr>
+</table>
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/samples/tree3.xml b/phpgwapi/js/dhtmlxtree/samples/tree3.xml
new file mode 100644
index 0000000000..79f13eed5e
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/tree3.xml
@@ -0,0 +1,64 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="Books" id="books" open="1" im0="books_close.gif" im1="tombs.gif" im2="tombs.gif" call="1" select="1">
+		<item text="Mystery &amp; Thrillers" id="mystery" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Lawrence Block" id="lb" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="All the Flowers Are Dying" id="lb_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Burglar on the Prowl" id="lb_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Plot Thickens" id="lb_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Grifter's Game" id="lb_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Robert Crais" id="rc" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="The Forgotten Man" id="rc_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Stalking the Angel" id="rc_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Free Fall" id="rc_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Sunset Express" id="rc_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Hostage" id="rc_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Ian Rankin" id="ir" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="James Patterson" id="jp" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Nancy Atherton" id="na" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="History" id="history" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="John Mack Faragher" id="jmf" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Jim Dwyer" id="jd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Larry Schweikart" id="ls" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="R. Lee Ermey" id="rle" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Horror" id="horror" open="1" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Stephen King" id="sk" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Dan Brown" id="db" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="Angels &amp; Demons" id="db_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Deception Point" id="db_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Digital Fortress" id="db_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Da Vinci Code" id="db_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Deception Point" id="db_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Mary Janice Davidson" id="mjd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Katie Macalister" id="km" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Science Fiction &amp; Fantasy" id="fantasy" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Audrey Niffenegger" id="af" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Philip Roth" id="pr" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Sport" id="sport" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Bill Reynolds" id="br" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Teens" id="teens" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Joss Whedon" id="jw" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="Astonishing X-Men" id="jw_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Joss Whedon: The Genius Behind Buffy" id="jw_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Fray" id="jw_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Tales Of The Vampires" id="jw_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Harvest" id="jw_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Meg Cabot" id="mc" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Garth Nix" id="gn" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Ann Brashares" id="ab" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+	</item>
+	<item text="Magazines" id="magazines" im0="tombs_mag.gif" im1="tombs_mag.gif" im2="tombs_mag.gif">
+		<item text="Sport" id="mag_sp" im0="magazines_open.gif" im1="magazines_open.gif" im2="magazines_close.gif"></item>
+	</item>
+</tree> 
diff --git a/phpgwapi/js/dhtmlxtree/samples/tree4.xml b/phpgwapi/js/dhtmlxtree/samples/tree4.xml
new file mode 100644
index 0000000000..c74ca65901
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/tree4.xml
@@ -0,0 +1,61 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="Books" id="books" open="1"  call="1" select="1">
+		<item text="Mystery &amp; Thrillers" id="mystery" >
+			<item text="Lawrence Block" id="lb" >
+				<item text="All the Flowers Are Dying" id="lb_1" />
+				<item text="The Burglar on the Prowl" id="lb_2" />
+				<item text="The Plot Thickens" id="lb_3" />
+				<item text="Grifter's Game" id="lb_4" />
+				<item text="The Burglar Who Thought He Was Bogart" id="lb_5" />
+			</item>
+			<item text="Robert Crais" id="rc" >
+				<item text="The Forgotten Man" id="rc_1" />
+				<item text="Stalking the Angel" id="rc_2" />
+				<item text="Free Fall" id="rc_3" />
+				<item text="Sunset Express" id="rc_4" />
+				<item text="Hostage" id="rc_5" />
+			</item>
+			<item text="Ian Rankin" id="ir" ></item>
+			<item text="James Patterson" id="jp" ></item>
+			<item text="Nancy Atherton" id="na" ></item>
+		</item>
+		<item text="History" id="history" >
+			<item text="John Mack Faragher" id="jmf" ></item>
+			<item text="Jim Dwyer" id="jd" ></item>
+			<item text="Larry Schweikart" id="ls" ></item>
+			<item text="R. Lee Ermey" id="rle" ></item>
+		</item>
+		<item text="Horror" id="horror" open="1" >
+			<item text="Stephen King" id="sk" ></item>
+			<item text="Dan Brown" id="db" >
+				<item text="Angels &amp; Demons" id="db_1" />
+				<item text="Deception Point" id="db_2" />
+				<item text="Digital Fortress" id="db_3" />
+				<item text="The Da Vinci Code" id="db_4" />
+				<item text="Deception Point" id="db_5" />
+			</item>
+			<item text="Mary Janice Davidson" id="mjd" ></item>
+			<item text="Katie Macalister" id="km" ></item>
+		</item>
+		<item text="Science Fiction &amp; Fantasy" id="fantasy" >
+			<item text="Audrey Niffenegger" id="af" ></item>
+			<item text="Philip Roth" id="pr" ></item>
+		</item>
+		<item text="Sport" id="sport" >
+			<item text="Bill Reynolds" id="br" ></item>
+		</item>
+		<item text="Teens" id="teens" >
+			<item text="Joss Whedon" id="jw" >
+				<item text="Astonishing X-Men" id="jw_1" />
+				<item text="Joss Whedon: The Genius Behind Buffy" id="jw_2" />
+				<item text="Fray" id="jw_3" />
+				<item text="Tales Of The Vampires" id="jw_4" />
+				<item text="The Harvest" id="jw_5" />
+			</item>
+			<item text="Meg Cabot" id="mc" ></item>
+			<item text="Garth Nix" id="gn" ></item>
+			<item text="Ann Brashares" id="ab" ></item>
+		</item>
+	</item>
+</tree> 
diff --git a/phpgwapi/js/dhtmlxtree/samples/tree5.xml b/phpgwapi/js/dhtmlxtree/samples/tree5.xml
new file mode 100644
index 0000000000..42f89ef5fc
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/tree5.xml
@@ -0,0 +1,64 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="Books" id="2_books" open="1" im0="books_close.gif" im1="tombs.gif" im2="tombs.gif" call="1" select="1">
+		<item text="Mystery &amp; Thrillers" id="2_mystery" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Lawrence Block" id="2_lb" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="All the Flowers Are Dying" id="2_lb_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Burglar on the Prowl" id="2_lb_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Plot Thickens" id="2_lb_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Grifter's Game" id="2_lb_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Burglar Who Thought He Was Bogart" id="2_lb_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Robert Crais" id="2_rc" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="The Forgotten Man" id="2_rc_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Stalking the Angel" id="2_rc_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Free Fall" id="2_rc_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Sunset Express" id="2_rc_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Hostage" id="2_rc_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Ian Rankin" id="2_ir" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="James Patterson" id="2_jp" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Nancy Atherton" id="2_na" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="History" id="2_history" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="John Mack Faragher" id="2_jmf" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Jim Dwyer" id="2_jd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Larry Schweikart" id="2_ls" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="R. Lee Ermey" id="2_rle" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Horror" id="2_horror" open="1" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Stephen King" id="2_sk" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Dan Brown" id="2_db" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="Angels &amp; Demons" id="2_db_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Deception Point" id="2_db_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Digital Fortress" id="2_db_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Da Vinci Code" id="2_db_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Deception Point" id="2_db_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Mary Janice Davidson" id="2_mjd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Katie Macalister" id="2_km" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Science Fiction &amp; Fantasy" id="2_fantasy" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Audrey Niffenegger" id="2_af" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Philip Roth" id="2_pr" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Sport" id="2_sport" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Bill Reynolds" id="2_br" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Teens" id="2_teens" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Joss Whedon" id="2_jw" im0="book.gif" im1="books_open.gif" im2="book.gif">
+				<item text="Astonishing X-Men" id="2_jw_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Joss Whedon: The Genius Behind Buffy" id="2_jw_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Fray" id="2_jw_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="Tales Of The Vampires" id="2_jw_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+				<item text="The Harvest" id="2_jw_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+			</item>
+			<item text="Meg Cabot" id="2_mc" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Garth Nix" id="2_gn" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Ann Brashares" id="2_ab" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+	</item>
+	<item text="Magazines" id="2_magazines" im0="tombs_mag.gif" im1="tombs_mag.gif" im2="tombs_mag.gif">
+		<item text="Sport" id="2_mag_sp" im0="magazines_open.gif" im1="magazines_open.gif" im2="magazines_close.gif"></item>
+	</item>
+</tree> 
diff --git a/phpgwapi/js/dhtmlxtree/samples/tree6.xml b/phpgwapi/js/dhtmlxtree/samples/tree6.xml
new file mode 100644
index 0000000000..bbc8081eb8
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/tree6.xml
@@ -0,0 +1,8 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+		<item child="1" text="All the Flowers Are Dying" id="2_lb_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item child="1" text="The Burglar on the Prowl" id="2_lb_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item child="1" text="The Plot Thickens" id="2_lb_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item child="1" text="Grifter's Game" id="2_lb_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item child="1" text="The Burglar Who Thought He Was Bogart" id="2_lb_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+</tree> 
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx11.html b/phpgwapi/js/dhtmlxtree/samples/treeEx11.html
new file mode 100644
index 0000000000..5c16c1c7c4
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx11.html
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Initialize object on page</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Initialize object on page</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	<table>
+		<tr>
+			<td>
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"/>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+
+		</div>
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+<hr>
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+		tree.setImagePath("../imgs/");
+		tree.loadXML("tree.xml")
+</script>
+</XMP>
+		Parameters passed to the constructor are:
+			<li>object to attach tree to (should be loaded before calling constructor)</li>
+			<li>width of the tree</li>
+			<li>height of the tree</li>
+			<li>identifier of level parent to tree root level</li><br>
+		Specify Additional parameters of the tree:
+			<li>setImagePath(url) - method specifies the path to the folder with tree icons</li>
+			<li>loadXML("tree.xml") - load tree items from XML</li>
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree3.xml")
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx12.html b/phpgwapi/js/dhtmlxtree/samples/treeEx12.html
new file mode 100644
index 0000000000..56bbeeda2b
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx12.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Add / Delete items</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Add / Delete items</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	<script>
+		function fixImage(id){
+			switch(tree.getLevel(id)){
+			case 1:
+			tree.setItemImage2(id,'books_close.gif','tombs.gif','tombs.gif');
+				break;
+			case 2:
+			tree.setItemImage2(id,'book.gif','books_open.gif','books_close.gif');			
+				break;
+			case 3:
+			tree.setItemImage2(id,'book.gif','books_open.gif','book.gif');			
+				break;			
+			default:
+			tree.setItemImage2(id,'book_titel.gif','book_titel.gif','book_titel.gif');			
+				break;
+			}
+		}
+	</script>
+	<table>
+		<tr>
+			<td valign="top">
+
+
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+			
+			
+			<a href="javascript:void(0);" onclick="var d=new Date(); tree.insertNewItem(tree.getSelectedItemId(),d.valueOf(),document.getElementById('ed1').value,0,0,0,0,'SELECT'); fixImage(d.valueOf());">Insert new child item</a> Item label <input type="text" value="New item" id="ed1"><br><br>
+			
+			<a href="javascript:void(0);" onclick="var d=new Date(); tree.insertNewNext(tree.getSelectedItemId(),d.valueOf(),document.getElementById('ed2').value,0,0,0,0,'SELECT'); fixImage(d.valueOf());">Insert new item next</a> Item label <input type="text" value="New item" id="ed2"><br><br>
+			
+			<a href="javascript:void(0);" onclick="tree.deleteItem(tree.getSelectedItemId(),true);">Delete item</a><br><br>
+			
+
+			
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+	<hr>
+			
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+		tree.setImagePath("../imgs/");
+		tree.loadXML("tree.xml")
+		
+		tree.insertNewItem(0,100,"New Node 1",0,0,0,0,"SELECT");
+		tree.insertNewNext(2,101,"New Node 2",0,0,0,0,"");
+		tree.deleteItem("2");
+</script>
+</XMP>	
+		<li>0s passed to the function for arguments 4-7 (function to call on select, images) mean use default values for them</li>
+		<li>Last argument is a comma delimited string of following possible value (upper case only):</li>
+			<li type="circle">SELECT - move selection to this node after inserting</li>
+			<li type="circle">CALL - call function on select</li>
+			<li type="circle">TOP - add node to the top position </li>
+			<li type="circle">CHILD - node has children</li>
+			<li type="circle">CHECKED - checkbox is checked (if exists)</li>
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree3.xml");
+
+/*		
+			
+			tree.insertNewItem(1,100,"New Node 1",0,0,0,0,"SELECT");
+			tree.insertNewNext(2,101,"New Node 2",0,0,0,0,"");
+			tree.deleteItem("2");*/
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx13.html b/phpgwapi/js/dhtmlxtree/samples/treeEx13.html
new file mode 100644
index 0000000000..9358416b60
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx13.html
@@ -0,0 +1,82 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Action handlers</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Action handlers</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+
+	<table>
+		<tr>
+			<td>
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"/>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+	<hr>
+<XMP>
+<div id="treeBox" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject(document.getElementById('treeBox'),"100%","100%",0);
+	
+	...
+	tree.setDragHandler(onDrop);//set function object to call on drop
+	tree.setOnClickHandler(onNodeSelect);//set function object to call on node select
+	tree.setOnOpenHandler(aFunc);//set function to call on open/close node
+	tree.setOnCheckHandler(aFunc);//set function to call on open/close node
+	tree.setOnDblClickHandler(aFunc);//set function to call on dbl click
+</script>
+</XMP>	
+		<li>Selected node ID will be passed to function specified as argument for setDefaultAction(funcObj)</li>
+		<li>Dropped node ID and new parent node ID  will be passed to function specified as argument for setDragFunction(funcObj)</li>
+		<li>node ID will be passed to the function specified as argument for setOpenAction(aFunc)</li>
+		<li>node ID will be passed to the function specified as argument for setDblClickAction(aFunc)</li>
+	<script>
+			function tonclick(id){
+				alert("Item "+tree.getItemText(id)+" was selected");
+			};
+			function tondblclick(id){
+				alert("Item "+tree.getItemText(id)+" was doubleclicked");
+			};			
+			function tondrag(id,id2){
+				return confirm("Do you want to move node "+tree.getItemText(id)+" to item "+tree.getItemText(id2)+"?");
+			};
+			function tonopen(id,mode){
+				return confirm("Do you want to "+(mode>0?"close":"open")+" node "+tree.getItemText(id)+"?");
+			};
+			function toncheck(id,state){
+				alert("Item "+tree.getItemText(id)+" was " +((state)?"checked":"unchecked"));
+			};
+			
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.enableCheckBoxes(1);
+			tree.enableDragAndDrop(1);
+			tree.setOnOpenHandler(tonopen);
+			tree.setOnClickHandler(tonclick);
+			tree.setOnCheckHandler(toncheck);
+			tree.setOnDblClickHandler(tondblclick);
+			tree.setDragHandler(tondrag);
+			
+			tree.loadXML("tree3.xml");
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx21.html b/phpgwapi/js/dhtmlxtree/samples/treeEx21.html
new file mode 100644
index 0000000000..7df293b711
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx21.html
@@ -0,0 +1,80 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Collapse/Expand</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Collapse/Expand</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	<script>
+		function closeAllRoots(){
+			var rootsAr = tree.getSubItems(0).split(",")
+			for(var i=0;i<rootsAr.length;i++){
+				tree.closeAllItems(rootsAr[i])
+			}
+		}
+	</script>
+	<table>
+		<tr>
+			<td valign="top">
+
+
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+			
+			
+			<a href="javascript:void(0);" onclick="tree.openAllItems(0);">Expand all</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.closeAllItems(0);">Collapse all</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.closeItem(tree.getSelectedItemId());">Close selected item</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.openItem(tree.getSelectedItemId());">Open selected item</a><br><br>			
+			<a href="javascript:void(0);" onclick="tree.closeAllItems(tree.getSelectedItemId());">Collapse selected branch</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.openAllItems(tree.getSelectedItemId());">Expand selected branch</a><br><br>
+
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+	<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree.xml");
+			
+			....
+			//expand all
+			tree.openAllItems(0);
+			//open item
+			tree.openItem(id);
+			//close item
+			tree.closeItem(id);
+			//open branch
+			tree.openAllItems(id);
+			//close branch
+			tree.closeAllItems(id);									
+</script>
+</XMP>	
+
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree3.xml");
+
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx22.html b/phpgwapi/js/dhtmlxtree/samples/treeEx22.html
new file mode 100644
index 0000000000..b148f4a142
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx22.html
@@ -0,0 +1,100 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Change text/image</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Change text/image</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	<script>
+		function setColor(color1,color2)
+		{
+			tree.setItemColor(tree.getSelectedItemId(),color1,color2);
+		}
+	</script>
+	<table>
+		<tr>
+			<td valign="top">
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+			
+			
+			<a href="javascript:void(0);" onclick="var d=new Date(); tree.setItemText(tree.getSelectedItemId(),document.getElementById('ed1').value);">Set new item label</a>&nbsp;<input type="text" value="New label" id="ed1"><br><br>
+			
+			To change item's image - click on one of next images: 
+			<table>
+				<tr><td>
+					<a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'tombs.gif','tombs.gif','tombs.gif');"><img src="../imgs/tombs.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'book.gif','book.gif','book.gif');"><img src="../imgs/book.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'book_titel.gif','book_titel.gif','book_titel.gif');"><img src="../imgs/book_titel.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'magazines_close.gif','magazines_close.gif','magazines_close.gif');"><img src="../imgs/magazines_close.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'leaf.gif','leaf.gif','leaf.gif');"><img src="../imgs/leaf.gif" border="0"></a></td>
+				</td></tr>
+				<tr><td nowrap>
+					<a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'iconJob.gif','iconJob.gif','iconJob.gif');"><img src="../imgs/iconJob.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'iconTask.gif','iconTask.gif','iconTask.gif');"><img src="../imgs/iconTask.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'iconReport.gif','iconReport.gif','iconReport.gif');"><img src="../imgs/iconReport.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'iconClient.gif','iconClient.gif','iconClient.gif');"><img src="../imgs/iconClient.gif" border="0"></a></td>
+					<td><a href="javascript:void(0);" onclick="tree.setItemImage2(tree.getSelectedItemId(),'iconTimeRecordsEdit.gif','iconTimeRecordsEdit.gif','iconTimeRecordsEdit.gif');"><img src="../imgs/iconTimeRecordsEdit.gif" border="0"></a></td>
+				</td></tr>				
+			</table>
+			<br>
+			To change item's color - click on one of next colors: 
+			<table>
+				<tr>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#ff0000;" onclick="setColor('#ff0000','#ff0000')">&nbsp;</div></td>
+					<td><div style="cursor:pointer;width:20px; height:20px; background-color:#ffa500;" onclick="setColor('#ffa500','#ffa500')">&nbsp;</div></td>
+					<td><div style="cursor:pointer;width:20px; height:20px; background-color:#ffff00;" onclick="setColor('#ffff00','#ffff00')">&nbsp;</div></td>				
+				</tr>			
+				<tr> 
+					<td><div style="cursor:pointer;width:20px; height:20px; background-color:#008000;" onclick="setColor('#008000','#adff2f')">&nbsp;</div></td>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#00ff7f;" onclick="setColor('#00ff7f','#adff2f')">&nbsp;</div></td>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#adff2f;" onclick="setColor('#adff2f')">&nbsp;</div></td>				
+				</tr>
+				<tr>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#0000ff;" onclick="setColor('#0000ff','#87ceeb')">&nbsp;</div></td>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#9932cc;" onclick="setColor('#9932cc','#9932cc')">&nbsp;</div></td>
+					<td><div style="cursor:pointer; width:20px; height:20px; background-color:#87ceeb;" onclick="setColor('#87ceeb','#87ceeb')">&nbsp;</div></td>				
+				</tr>
+			</table>
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+	<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree.xml");
+			
+			....
+			//set item text
+			tree.setItemText(id,"New text");
+			//set item images
+			tree.setItemImage2(id,"item.gif","closeItem.gif","openItem.gif");
+</script>
+</XMP>
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree3.xml");
+
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx23.html b/phpgwapi/js/dhtmlxtree/samples/treeEx23.html
new file mode 100644
index 0000000000..a78ec07c16
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx23.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Checkboxes</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Checkboxes</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	
+	<table>
+		<tr>
+			<td valign="top">
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td  style="padding-left:25" valign="top">
+			
+			Two state checkboxes
+			<a href="javascript:void(0);" onclick="tree.setCheck(tree.getSelectedItemId(),true);">Check item</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.setCheck(tree.getSelectedItemId(),false);">UnCheck item</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.setSubChecked(tree.getSelectedItemId(),true);">Check branch</a><br><br>
+			<a href="javascript:void(0);" onclick="tree.setSubChecked(tree.getSelectedItemId(),false);">UnCheck branch</a><br><br>
+			
+			<a href="javascript:void(0);" onclick="alert(tree.getAllChecked());">Get list of checked</a><br><br>
+
+			</td>
+		</tr>
+		<tr>
+			<td valign="top">
+				<div id="treeboxbox_tree2" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td  style="padding-left:25" valign="top">
+			
+						Three state checkboxes<br>
+						<br>
+						
+			<a href="javascript:void(0);" onclick="tree2.setCheck(tree2.getSelectedItemId(),true);">Check item</a><br><br>
+			<a href="javascript:void(0);" onclick="tree2.setCheck(tree2.getSelectedItemId(),false);">UnCheck item</a><br><br>
+		
+			<a href="javascript:void(0);" onclick="alert(tree2.getAllChecked());">Get list of checked</a><br><br>
+
+			</td>
+		</tr>
+	</table>
+	<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			//enable checkboxes
+			tree.enableCheckBoxes(1);
+			tree.loadXML("tree.xml");
+			
+			....
+			//check item
+			tree.setCheck(id,true);
+			//uncheck item
+			tree.setCheck(id,false);	
+			//check branch
+			tree.setSubChecked(id,true);
+			//uncheck branch
+			tree.setSubChecked(id,false);	
+			//check item
+			tree.setCheck(id,true);
+			//return ids of checked items
+			var list=tree.getAllChecked();	
+</script>
+</XMP>
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.enableCheckBoxes(1);
+			
+			tree.loadXML("tree3.xml");
+			
+			tree2=new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0);
+			tree2.setImagePath("../imgs/");
+			tree2.enableCheckBoxes(1);
+			tree2.enableThreeStateCheckboxes(true);
+			tree2.loadXML("tree3.xml");
+						
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx24.html b/phpgwapi/js/dhtmlxtree/samples/treeEx24.html
new file mode 100644
index 0000000000..614386600f
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx24.html
@@ -0,0 +1,109 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Easy skinable design</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Easy skinable design</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+	<script>
+		function setDesign(n){
+			switch(n){
+			case 4:
+				tree.enableTreeLines(true);
+				tree.setImageArrays("plus","plus2.gif","plus3.gif","plus4.gif","plus.gif","plus5.gif");
+				tree.setImageArrays("minus","minus2.gif","minus3.gif","minus4.gif","minus.gif","minus5.gif");
+				tree.setStdImages("book.gif","books_open.gif","books_close.gif");					
+				break;
+	
+			    break;
+			case 3:
+				tree.enableTreeLines(true);
+				tree.setImageArrays("plus","plus2.gif","plus3.gif","plus4.gif","plus.gif","plus5.gif");
+				tree.setImageArrays("minus","minus2.gif","minus3.gif","minus4.gif","minus.gif","minus5.gif");
+				tree.setStdImages("item2.gif","close2.gif","open2.gif");					
+				break;
+			case 2:
+				tree.enableTreeLines(true);
+				tree.setImageArrays("plus","open2.gif","open2.gif","open2.gif","open2.gif","open2.gif");
+				tree.setImageArrays("minus","close2.gif","close2.gif","close2.gif","close2.gif","close2.gif");
+				tree.setStdImages("book.gif","books_open.gif","books_close.gif");					
+				break;
+			case 1:
+				tree.enableTreeLines(false);
+				tree.setImageArrays("plus","","","","plus_ar.gif","plus_ar.gif");
+				tree.setImageArrays("minus","","","","minus_ar.gif","minus_ar.gif");
+				tree.setStdImages("book.gif","books_open.gif","books_close.gif");					
+				break;
+			}
+			tree.refreshItem(0);
+		}
+	</script>
+	<table>
+		<tr>
+			<td valign="top">
+
+
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div><br>
+				<br>
+
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+			
+			<a href="javascript:void(0)" onclick="setDesign(1);">Set design 1</a><br>
+			<a href="javascript:void(0)" onclick="setDesign(2);">Set design 2</a><br>
+			<a href="javascript:void(0)" onclick="setDesign(3);">Set design 3</a><br>
+			<a href="javascript:void(0)" onclick="setDesign(4);">Set design 4</a><br>
+			
+
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+	<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.loadXML("tree.xml");
+
+				// enable/disable tree lines
+				tree.enableTreeLines(false);
+				// set plus images
+				tree.setImageArrays("plus","","","","open2.gif");
+				//set minus images
+				tree.setImageArrays("minus","","","","close2.gif");
+				//set default node images
+				tree.setStdImages("book.gif","books_open.gif","books_close.gif");	
+
+</script>
+</XMP>	
+ 
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.enableDragAndDrop(0);
+				tree.enableTreeLines(false);
+				tree.setImageArrays("plus","","","","plus_ar.gif");
+				tree.setImageArrays("minus","","","","minus_ar.gif");
+				tree.setStdImages("book.gif","books_open.gif","books_close.gif");		
+			tree.setXMLAutoLoading("tree4.xml");
+			tree.loadXML("tree4.xml");
+	</script>
+<br><br>
+
+</body>
+</html>
+
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx31.html b/phpgwapi/js/dhtmlxtree/samples/treeEx31.html
new file mode 100644
index 0000000000..79fe889188
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx31.html
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Autoloading from XML</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:12px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Autoloading from XML</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+
+	<table>
+		<tr>
+			<td valign="top">
+<!--- [ Scand: 				<div id="treeboxbox_tree2" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+				<br>
+				<br>   ] --->
+
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div>
+			</td>
+			<td rowspan="2" style="padding-left:25" valign="top">
+			Tree has unlimmited level count. Each new level loaded from asp script.
+
+
+
+
+
+
+			
+			</td>
+		</tr>
+		<tr>
+			<td>&nbsp;</td>
+		</tr>
+	</table>
+			<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+	tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			//link tree to asp script
+			tree.setXMLAutoLoading("xml.php"); 
+			
+			//load first level of tree
+			tree.loadXML("xml.asp?id=0"); 
+</script>
+</XMP>	
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.setXMLAutoLoading("xml.php");
+			tree.loadXML("xml.php?id=0");
+
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/treeEx32.html b/phpgwapi/js/dhtmlxtree/samples/treeEx32.html
new file mode 100644
index 0000000000..24ee99d1f5
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/treeEx32.html
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+	<title>DHTML Tree samples. dhtmlXTree - Drag and Drop</title>
+</head>
+<style>
+	body {font-size:12px}
+	.{font-family:arial;font-size:14px}
+	h1 {cursor:hand;font-size:16px;margin-left:10px;line-height:10px}
+	xmp {color:green;font-size:12px;margin:0px;font-family:courier;background-color:#e6e6fa;padding:2px}
+</style>
+<body>
+	<h1>Drag and Drop</h1>
+	<link rel="STYLESHEET" type="text/css" href="../css/dhtmlXTree.css">
+	<script  src="../js/dhtmlXCommon.js"></script>
+	<script  src="../js/dhtmlXTree.js"></script>		
+
+	<table>
+		<tr>
+			<td valign="top">
+
+				<div id="treeboxbox_tree" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div><br>
+				<br>
+				
+			</td>
+			<td rstyle="padding-left:25" valign="top">
+			
+				<div id="treeboxbox_tree2" style="width:250; height:218;background-color:#f5f5f5;border :1px solid Silver;; overflow:auto;"></div><br>
+				<br>
+
+			</td>
+		</tr>
+
+	</table>
+				Drag&ampDrop works in each tree and between trees too.
+	<hr>	
+<XMP>
+<div id="treeboxbox_tree" style="width:200;height:200"></div>
+<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			
+			//enable Drag&Drop
+			tree.enableDragAndDrop(1);
+			//set my Drag&Drop handler
+			tree.setDragHandler(myDragHandler);
+			tree.loadXML("tree.xml");
+
+			function myDragHandler(idFrom,idTo){
+				//if we return false then drag&drop be aborted
+				return true;
+			}
+</script>
+</XMP>	
+ 
+	<script>
+			tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
+			tree.setImagePath("../imgs/");
+			tree.enableDragAndDrop(1);
+			tree.loadXML("tree3.xml");
+
+			tree2=new dhtmlXTreeObject("treeboxbox_tree2","100%","100%",0);
+			tree2.setImagePath("../imgs/");
+			tree2.enableDragAndDrop(1);
+			tree2.loadXML("tree5.xml");
+
+	</script>
+<br><br>
+
+</body>
+</html>
diff --git a/phpgwapi/js/dhtmlxtree/samples/xml.asp b/phpgwapi/js/dhtmlxtree/samples/xml.asp
new file mode 100644
index 0000000000..4c5b2c9525
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/xml.asp
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<%
+Response.ContentType="text/xml"
+
+Dim url_id
+Dim intCurrPos
+url_var=request.querystring("id")
+
+Response.Write 	"<tree id='"+url_var+"'>"
+         For intCurrPos = 0 To 4
+			 Response.Write 	"<item child='1' id='"+url_var+CStr(intCurrPos)+"' text='Item "+url_var+"-"+CStr(intCurrPos)+"'></item>"
+         Next
+Response.Write 	"</tree>"
+%> 
diff --git a/phpgwapi/js/dhtmlxtree/samples/xml.php b/phpgwapi/js/dhtmlxtree/samples/xml.php
new file mode 100644
index 0000000000..c9da831420
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/samples/xml.php
@@ -0,0 +1,10 @@
+<?php header("Content-type:text/xml"); print("<?xml version=\"1.0\"?>");
+if (isset($_GET["id"]))
+	$url_var=$_GET["id"];
+else
+	$url_var=0;
+print("<tree id='".$url_var."'>");
+         for ($inta=0; $inta<4; $inta++)
+			 print("<item child='1' id='".$url_var."_".$inta."' text='Item ".$url_var."-".$inta."'></item>");
+print("</tree>");
+?> 
diff --git a/phpgwapi/js/dhtmlxtree/src/dhtmlXCommon.js b/phpgwapi/js/dhtmlxtree/src/dhtmlXCommon.js
new file mode 100644
index 0000000000..61bfc494ab
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/src/dhtmlXCommon.js
@@ -0,0 +1,250 @@
+		/**  
+          *     @desc: xmlLoader object
+          *     @type: private
+          *     @param: funcObject - xml parser function
+          *     @param: object - jsControl object
+		  *     @topic: 0  
+          */	
+function dtmlXMLLoaderObject(funcObject, dhtmlObject){
+	this.xmlDoc="";
+	this.onloadAction=funcObject||null;
+	this.mainObject=dhtmlObject||null;
+	return this;	
+};
+		/**  
+          *     @desc: xml loading handler
+          *     @type: private
+          *     @param: dtmlObject - xmlLoader object
+		  *     @topic: 0  
+          */
+	dtmlXMLLoaderObject.prototype.waitLoadFunction=function(dhtmlObject){
+		this.check=function (){		
+			if (!dhtmlObject.xmlDoc.readyState) dhtmlObject.onloadAction(dhtmlObject.mainObject);
+			else	{ 
+			if (dhtmlObject.xmlDoc.readyState != 4) return false;
+				else dhtmlObject.onloadAction(dhtmlObject.mainObject);	}
+		};
+		return this.check;
+	};
+	
+		/**  
+          *     @desc: return XML top node
+		  *     @param: tagName - top XML node tag name (not used in IE, required for Safari and Mozilla)
+          *     @type: private
+		  *     @returns: top XML node
+		  *     @topic: 0  
+          */
+	dtmlXMLLoaderObject.prototype.getXMLTopNode=function(tagName){
+			if (this.xmlDoc.responseXML)  { var temp=this.xmlDoc.responseXML.getElementsByTagName(tagName); var z=temp[0];  }   
+			else var z=this.xmlDoc.documentElement;	
+			if (z) return z;
+			alert("Incorrect XML");
+			return document.createElement("DIV");
+	};
+	
+		/**  
+          *     @desc: load XML
+          *     @type: private
+          *     @param: filePath - xml file path
+		  *     @topic: 0  
+          */	
+	dtmlXMLLoaderObject.prototype.loadXMLString=function(xmlString){
+ 	 try 
+	 {
+		 var parser = new DOMParser();
+		 this.xmlDoc = parser.parseFromString(xmlString,"text/xml");
+	 }
+	 catch(e){
+		this.xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+		this.xmlDoc.loadXML(xmlString);
+	 }
+	  this.onloadAction(this.mainObject);
+	}
+	dtmlXMLLoaderObject.prototype.loadXML=function(filePath){
+	 try 
+	 {
+	 	this.xmlDoc = new XMLHttpRequest();
+		this.xmlDoc.open("GET",filePath,true);
+		this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
+		this.xmlDoc.send(null);	
+	 }
+	 catch(e){
+
+    		if (document.implementation && document.implementation.createDocument)
+    		{
+    			this.xmlDoc = document.implementation.createDocument("", "", null);
+    			this.xmlDoc.onload = new this.waitLoadFunction(this);
+    		}
+    		else
+    		{
+    			this.xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
+    			this.xmlDoc.async="true";
+    			this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
+    		}
+				this.xmlDoc.load(filePath);				
+  		}
+	};
+	
+		/**  
+          *     @desc: Call wrapper
+          *     @type: private
+          *     @param: funcObject - action handler
+          *     @param: dhtmlObject - user data
+		  *     @returns: function handler
+		  *     @topic: 0  
+          */
+function callerFunction(funcObject,dhtmlObject){
+	this.handler=function(e){
+		if (!e) e=event;
+		funcObject(e,dhtmlObject);
+		return true;
+	};
+	return this.handler;
+};
+
+		/**  
+          *     @desc: Calculate absolute position of html object
+          *     @type: private
+          *     @param: htmlObject - html object
+		  *     @topic: 0  
+          */
+function getAbsoluteLeft(htmlObject){
+        var xPos = htmlObject.offsetLeft;
+        var temp = htmlObject.offsetParent;
+        while (temp != null) {
+            xPos += temp.offsetLeft;
+            temp = temp.offsetParent;
+        }
+        return xPos;
+    }
+		/**  
+          *     @desc: Calculate absolute position of html object
+          *     @type: private
+          *     @param: htmlObject - html object
+		  *     @topic: 0  
+          */	
+function getAbsoluteTop(htmlObject) {
+        var yPos = htmlObject.offsetTop;
+        var temp = htmlObject.offsetParent;
+        while (temp != null) {
+            yPos += temp.offsetTop;
+            temp = temp.offsetParent;
+        }
+        return yPos;
+   }
+   
+   
+/**  
+*     @desc: Convert string to it boolean representation
+*     @type: private
+*     @param: inputString - string for covertion
+*     @topic: 0  
+*/	  
+function convertStringToBoolean(inputString){ if (typeof(inputString)=="string") inputString=inputString.toLowerCase();
+	switch(inputString){
+		case "1":
+		case "true":
+		case "yes":
+		case "y":
+		case 1:		
+		case true:		
+					return true; 
+					break;
+		default: 	return false;
+	}
+}
+
+/**  
+*     @desc: find out what symbol to use as url param delimiters in further params
+*     @type: private
+*     @param: str - current url string
+*     @topic: 0  
+*/	
+function getUrlSymbol(str){
+		if(str.indexOf("?")!=-1)
+			return "&"
+		else
+			return "?"
+	}
+	
+	
+function dhtmlDragAndDropObject(){
+		this.lastLanding=0;
+		this.dragNode=0;
+		this.dragStartNode=0;
+		this.dragStartObject=0;
+		this.tempDOMU=null;
+		this.tempDOMM=null;
+		this.waitDrag=0;
+		if (window.dhtmlDragAndDrop) return window.dhtmlDragAndDrop;
+		window.dhtmlDragAndDrop=this;
+		return this;
+	};
+	
+	dhtmlDragAndDropObject.prototype.removeDraggableItem=function(htmlNode){
+		htmlNode.onmousedown=null;
+		htmlNode.dragStarter=null;
+		htmlNode.dragLanding=null;
+	}
+	dhtmlDragAndDropObject.prototype.addDraggableItem=function(htmlNode,dhtmlObject){
+		htmlNode.onmousedown=this.preCreateDragCopy;
+		htmlNode.dragStarter=dhtmlObject;
+		this.addDragLanding(htmlNode,dhtmlObject);
+	}
+	dhtmlDragAndDropObject.prototype.addDragLanding=function(htmlNode,dhtmlObject){
+		htmlNode.dragLanding=dhtmlObject;
+	}
+	dhtmlDragAndDropObject.prototype.preCreateDragCopy=function(e)
+	{
+		if (window.dhtmlDragAndDrop.waitDrag) {
+			 window.dhtmlDragAndDrop.waitDrag=0;		 
+			 document.body.onmouseup=window.dhtmlDragAndDrop.tempDOMU;
+			 document.body.onmousemove=window.dhtmlDragAndDrop.tempDOMM;
+			 return;
+		}
+		
+		window.dhtmlDragAndDrop.waitDrag=1;
+		window.dhtmlDragAndDrop.tempDOMU=document.body.onmouseup;
+		window.dhtmlDragAndDrop.tempDOMM=document.body.onmousemove;		
+		window.dhtmlDragAndDrop.dragStartNode=this;
+		window.dhtmlDragAndDrop.dragStartObject=this.dragStarter;
+		document.body.onmouseup=window.dhtmlDragAndDrop.preCreateDragCopy;
+		document.body.onmousemove=window.dhtmlDragAndDrop.callDrag;
+	};
+	dhtmlDragAndDropObject.prototype.callDrag=function(e){
+		if (!e) e=window.event;
+		dragger=window.dhtmlDragAndDrop;
+		if (!dragger.dragNode) {
+			dragger.dragNode=dragger.dragStartObject._createDragNode(dragger.dragStartNode);
+			document.body.appendChild(dragger.dragNode);
+			document.body.onmouseup=dragger.stopDrag;
+			dragger.waitDrag=0;
+			}
+
+			dragger.dragNode.style.left=e.clientX+15+document.body.scrollLeft;  dragger.dragNode.style.top=e.clientY+3+document.body.scrollTop; 
+
+		if (!e.srcElement) 	var z=e.target; 	else 	z=e.srcElement;
+		dragger.checkLanding(z);
+	}
+	dhtmlDragAndDropObject.prototype.checkLanding=function(htmlObject){ 
+		if (htmlObject.dragLanding) { if (this.lastLanding) this.lastLanding.dragLanding._dragOut(this.lastLanding);
+										 this.lastLanding=htmlObject; this.lastLanding=this.lastLanding.dragLanding._dragIn(this.lastLanding,this.dragStartNode); }
+		else {
+			 if (htmlObject.tagName!="BODY") this.checkLanding(htmlObject.parentNode);
+			 else  { if (this.lastLanding) this.lastLanding.dragLanding._dragOut(this.lastLanding); this.lastLanding=0; }
+			 }
+	}
+	dhtmlDragAndDropObject.prototype.stopDrag=function(e){
+		dragger=window.dhtmlDragAndDrop;
+		if (dragger.lastLanding) dragger.lastLanding.dragLanding._drag(dragger.dragStartNode,dragger.dragStartObject,dragger.lastLanding);
+		dragger.lastLanding=0;
+		dragger.dragNode.parentNode.removeChild(dragger.dragNode);
+		dragger.dragNode=0;
+		dragger.dragStartNode=0;
+		dragger.dragStartObject=0;
+		document.body.onmouseup=dragger.tempDOMU;
+		document.body.onmousemove=dragger.tempDOMM;
+		dragger.tempDOMU=null;
+		dragger.tempDOMM=null;
+		dragger.waitDrag=0;
+	}	
\ No newline at end of file
diff --git a/phpgwapi/js/dhtmlxtree/src/dhtmlXTree.js b/phpgwapi/js/dhtmlxtree/src/dhtmlXTree.js
new file mode 100644
index 0000000000..83ea889d12
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/src/dhtmlXTree.js
@@ -0,0 +1,1878 @@
+/*_TOPICS_
+@0:Initialization
+@1:Selection control
+@2:Add/delete
+@3:Private
+@4:Node/level control
+@5:Checkboxes/user data manipulation
+@6:Appearence control
+*/
+
+/**  
+*     @desc: tree constructor
+*     @param: htmlObject - parent html object or id of parent html object
+*     @param: width - tree width
+*     @param: height - tree height
+*     @param: rootId - id of virtual root node
+*     @type: public
+*     @topic: 0  
+*/
+function dhtmlXTreeObject(htmlObject, width, height, rootId){
+	if (typeof(htmlObject)!="object") 
+		this.parentObject=document.getElementById(htmlObject);
+	else
+		this.parentObject=htmlObject;
+	this.mytype="tree";
+	this.width=width;
+	this.height=height;
+	this.rootId=rootId;
+	
+	this.hfMode=0;
+	this.nodeCut=0;
+	this.XMLsource=0;  
+	this.XMLloadingWarning=0;
+	this._globalIdStorage=new Array();
+	this.globalNodeStorage=new Array();	
+	this._globalIdStorageSize=0;
+	this.treeLinesOn=true;
+	this.checkFuncHandler=0;
+	this.openFuncHandler=0;
+	this.dblclickFuncHandler=0;
+	this.tscheck=false;
+	this.timgen=true;
+	
+	this.imPath="treeGfx/";
+	this.checkArray=new Array("iconUnCheckAll.gif","iconCheckAll.gif","iconCheckGray.gif");	
+	this.lineArray=new Array("line2.gif","line3.gif","line4.gif","blank.gif","blank.gif");
+	this.minusArray=new Array("minus2.gif","minus3.gif","minus4.gif","minus.gif","minus5.gif");
+	this.plusArray=new Array("plus2.gif","plus3.gif","plus4.gif","plus.gif","plus5.gif");
+	this.imageArray=new Array("leaf.gif","folderOpen.gif","folderClosed.gif");
+	this.cutImg= new Array(0,0,0);
+	this.cutImage="but_cut.gif";
+	
+	this.dragger= new dhtmlDragAndDropObject();
+//create root
+	this.htmlNode=new dhtmlXTreeItemObject(this.rootId,"",0,this);
+	this.htmlNode.htmlNode.childNodes[0].childNodes[0].style.display="none";
+	this.htmlNode.htmlNode.childNodes[0].childNodes[0].childNodes[0].className="hiddenRow";
+//init tree structures
+	this.allTree=this._createSelf();
+	this.allTree.appendChild(this.htmlNode.htmlNode);
+	this.allTree.onselectstart=new Function("return false;");
+	this.XMLLoader=new dtmlXMLLoaderObject(this._parseXMLTree,this);	
+	
+	this.dragger.addDragLanding(this.allTree,this);
+	return this;
+};
+
+/**  
+*   @desc: tree node constructor
+*	@param: itemId - node id
+*	@param: itemText - node label
+*	@param: parentObject - parent item object
+*	@param: treeObject - tree object		  		  		  
+*	@param: actionHandler - onclick event handler(optional)		  		  		  
+*	@param: mode - do not show images
+*   @type: private
+*   @topic: 0  
+*/	
+function dhtmlXTreeItemObject(itemId,itemText,parentObject,treeObject,actionHandler,mode){
+	this.htmlNode="";
+	this.acolor=""; 	
+	this.scolor="";
+	this.tr=0;
+	this.childsCount=0;
+	this.tempDOMM=0;
+	this.tempDOMU=0;
+	this.dragSpan=0;
+	this.dragMove=0;
+	this.span=0;
+	this.closeble=1;
+	this.childNodes=new Array();
+
+	this.checkstate=0;
+	this.treeNod=treeObject;
+	this.label=itemText;
+	this.parentObject=parentObject;
+	this.actionHandler=actionHandler;
+	this.images=new Array(treeObject.imageArray[0],treeObject.imageArray[1],treeObject.imageArray[2]);
+
+
+	this.id=treeObject._globalIdStorageAdd(itemId,this);
+	if (this.treeNod.checkBoxOff ) this.htmlNode=this.treeNod._createItem(1,this,mode); 
+	else  this.htmlNode=this.treeNod._createItem(0,this,mode);
+	this.htmlNode.objBelong=this;
+	return this;
+	};	
+	
+	
+/**  
+*     @desc: register node
+*     @type: private
+*     @param: itemId - node identificator
+*     @param: itemObject - node object		  
+*     @topic: 3  
+*/
+	dhtmlXTreeObject.prototype._globalIdStorageAdd=function(itemId,itemObject){
+		if (this._globalIdStorageFind(itemId)) { 	 d=new Date(); itemId=d.valueOf()+"_"+itemId; return this._globalIdStorageAdd(itemId,itemObject); }
+			this._globalIdStorage[this._globalIdStorageSize]=itemId;
+			this.globalNodeStorage[this._globalIdStorageSize]=itemObject;
+			this._globalIdStorageSize++;
+		return itemId;
+	};
+/**  
+*     @desc: unregister node
+*     @type: private
+*     @param: itemId - node identificator
+*     @topic: 3  
+*/	
+	dhtmlXTreeObject.prototype._globalIdStorageSub=function(itemId){
+		for (var i=0; i<this._globalIdStorageSize; i++)
+			if (this._globalIdStorage[i]==itemId) 
+				{
+		this._globalIdStorage[i]=this._globalIdStorage[this._globalIdStorageSize-1];
+		this.globalNodeStorage[i]=this.globalNodeStorage[this._globalIdStorageSize-1];
+		this._globalIdStorageSize--;
+		this._globalIdStorage[this._globalIdStorageSize]=0;
+		this.globalNodeStorage[this._globalIdStorageSize]=0;
+				}
+	};
+	
+/**  
+*     @desc: return node object
+*     @param: itemId - node identificator
+*     @type: private
+*     @topic: 3  
+*/	
+	dhtmlXTreeObject.prototype._globalIdStorageFind=function(itemId){
+		for (var i=0; i<this._globalIdStorageSize; i++)
+			if (this._globalIdStorage[i]==itemId) 
+				return this.globalNodeStorage[i];
+		return 0;
+	};
+
+
+	
+/**  
+*     @desc: create and return  new line in tree
+*     @type: private
+*     @param: htmlObject - parent Node object
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype._drawNewTr=function(htmlObject)
+	{
+		var tr =document.createElement('tr');
+		var td1=document.createElement('td');		
+		var td2=document.createElement('td');		
+		td1.appendChild(document.createTextNode(" ")); 
+ 		td2.colSpan=3; td2.appendChild(htmlObject);  tr.appendChild(td1);  tr.appendChild(td2);
+		return tr; 
+	};
+/**  
+*     @desc: load tree from xml string
+*     @type: public
+*     @param: xmlString - XML string
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.loadXMLString=function(xmlString){ this.XMLLoader.loadXMLString(xmlString); };
+/**  
+*     @desc: load tree from xml file
+*     @type: public
+*     @param: file - link too XML file
+*     @topic: 0
+*/	
+	dhtmlXTreeObject.prototype.loadXML=function(file){ this.XMLLoader.loadXML(file); };
+/**  
+*     @desc: create new child node
+*     @type: private
+*     @param: parentObject - parent node object
+*     @param: itemId - new node id
+*     @param: itemText - new node text
+*     @param: itemActionHandler - function fired on node select event
+*     @param: image1 - image for node without childrens;
+*     @param: image2 - image for closed node;
+*     @param: image3 - image for opened node
+*     @param: optionStr - string of otions
+*     @param: childs - node childs flag (for dynamical trees) (optional)
+*     @param: beforeNode - node, after which new node will be inserted (optional)
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype._attachChildNode=function(parentObject,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs,beforeNode){
+			if (beforeNode) parentObject=beforeNode.parentObject;
+			if (((parentObject.XMLload==0)&&(this.XMLsource))&&(!this.XMLloadingWarning)) 		
+			{
+				parentObject.XMLload=1; this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"itemId="+escape(parentObject.itemId)); 
+			}	
+			
+			var Count=parentObject.childsCount;
+			var Nodes=parentObject.childNodes;
+		
+			if ((!itemActionHandler)&&(this.aFunc))	itemActionHandler=this.aFunc;
+			Nodes[Count]=new dhtmlXTreeItemObject(itemId,itemText,parentObject,this,itemActionHandler,1);
+				
+			if(image1) Nodes[Count].images[0]=image1; 
+			if(image2) Nodes[Count].images[1]=image2;
+			if(image3) Nodes[Count].images[2]=image3;				
+			
+			parentObject.childsCount++;
+			var tr=this._drawNewTr(Nodes[Count].htmlNode);
+			if (this.XMLloadingWarning)		
+				Nodes[Count].htmlNode.parentNode.parentNode.style.display="none";
+				
+			if (optionStr) {
+			 	var tempStr=optionStr.split(",");
+				for (var i=0; i<tempStr.length; i++)
+				{
+					switch(tempStr[i])
+					{
+						case "TOP": if (parentObject.childsCount>1) beforeNode=parentObject.htmlNode.childNodes[0].childNodes[1].nodem.previousSibling; break;						
+					}
+				}; 
+			 };
+			 
+				if ((beforeNode)&&(beforeNode.tr.nextSibling)) 
+					parentObject.htmlNode.childNodes[0].insertBefore(tr,beforeNode.tr.nextSibling);
+				else
+					parentObject.htmlNode.childNodes[0].appendChild(tr);
+
+				if (this.XMLsource) if ((childs)&&(childs!=0)) Nodes[Count].XMLload=0; else Nodes[Count].XMLload=1; 
+
+				Nodes[Count].tr=tr;
+				tr.nodem=Nodes[Count];
+
+				if (parentObject.itemId==0)
+					 tr.childNodes[0].className="hitemIddenRow";
+					 
+			 if (optionStr) {
+			 	var tempStr=optionStr.split(",");
+				for (var i=0; i<tempStr.length; i++)
+				{
+					switch(tempStr[i])
+					{
+						case "SELECT": this.selectItem(itemId,false); break;
+						case "CALL": this.selectItem(itemId,true);   break;
+						case "CHILD":  Nodes[Count].XMLload=0;  break;
+						case "CHECKED": this.setCheck(itemId,1);  break;
+						case "OPEN": Nodes[Count].openMe=1;  break;						
+					}
+				}; 
+			 };
+
+		if (!this.XMLloadingWarning)
+		{	
+			if (this._getOpenState(parentObject)<0)
+				this.openItem(parentObject.id); 
+				
+			if (beforeNode)
+				{
+			this._correctPlus(beforeNode);
+			this._correctLine(beforeNode);
+				}
+			this._correctPlus(parentObject);
+			this._correctLine(parentObject);
+			this._correctPlus(Nodes[Count]);
+			if (parentObject.childsCount>=2) 
+			{
+					this._correctPlus(Nodes[parentObject.childsCount-2]);
+					this._correctLine(Nodes[parentObject.childsCount-2]);				
+			}
+			if (parentObject.childsCount!=2) this._correctPlus(Nodes[0]);
+			if (this.tscheck) this._correctCheckStates(parentObject);
+		}
+		
+	return Nodes[Count];
+};
+
+/**  
+*     @desc: create new child node
+*     @type: public
+*     @param: parentId - parent node id
+*     @param: itemId - new node id
+*     @param: itemText - new node text
+*     @param: itemActionHandler - function fired on node select event (optional)
+*     @param: image1 - image for node without childrens; (optional)
+*     @param: image2 - image for closed node; (optional)
+*     @param: image3 - image for opened node (optional)	 
+*     @param: optionStr - options string (optional)	 		  
+*     @param: childs - node childs flag (for dynamical trees) (optional)
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype.insertNewItem=function(parentId,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs){
+		var parentObject=this._globalIdStorageFind(parentId);
+		if (!parentObject) return (-1);
+		return this._attachChildNode(parentObject,itemId,itemText,itemActionHandler,image1,image2,image3,optionStr,childs);
+	};
+/**  
+*     @desc: parse xml
+*     @type: private
+*     @param: dhtmlObject - jsTree object
+*     @param: node - top XML node
+*     @param: parentId - parent node id
+*     @param: level - level of tree
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype._parseXMLTree=function(dhtmlObject,node,parentId,level){
+		dhtmlObject.XMLloadingWarning=1;
+		var nodeAskingCall="";
+		if (!node) {
+			node=dhtmlObject.XMLLoader.getXMLTopNode("tree");
+		 	parentId=node.getAttribute("id"); 
+			}
+
+		for(var i=0; i<node.childNodes.length; i++)
+		{
+	  		if ((node.childNodes[i].nodeType==1)&&(node.childNodes[i].tagName == "item")) 
+			{
+		  		var name=node.childNodes[i].getAttribute("text");
+		  		var cId=node.childNodes[i].getAttribute("id");
+		
+		  		var im0=node.childNodes[i].getAttribute("im0");		
+		  		var im1=node.childNodes[i].getAttribute("im1");
+		  		var im2=node.childNodes[i].getAttribute("im2");				
+				
+		  		var aColor=node.childNodes[i].getAttribute("aCol");
+		  		var sColor=node.childNodes[i].getAttribute("sCol");
+				
+		  		var chd=node.childNodes[i].getAttribute("child");								
+				
+		  		var atop=node.childNodes[i].getAttribute("top");
+		  		var aopen=node.childNodes[i].getAttribute("open");				
+		  		var aselect=node.childNodes[i].getAttribute("select");	
+		  		var acall=node.childNodes[i].getAttribute("call");		
+		  		var achecked=node.childNodes[i].getAttribute("checked");		
+		  		var closeable=node.childNodes[i].getAttribute("closeable");						
+				
+						var zST="";
+						if (aselect) zST+=",SELECT";
+						if (atop) zST+=",TOP";
+						//if (acall) zST+=",CALL";
+						if (acall) nodeAskingCall=cId;
+						if (achecked) zST+=",CHECKED";
+						if ((aopen)&&(aopen!="0")) zST+=",OPEN";
+						
+						var temp=dhtmlObject._globalIdStorageFind(parentId);
+						temp.XMLload=1;
+			  			dhtmlObject.insertNewItem(parentId,cId,name,0,im0,im1,im2,zST,chd);
+						if (dhtmlObject.parserExtension) dhtmlObject.parserExtension._parseExtension(node.childNodes[i],dhtmlObject.parserExtension,cId,parentId);
+						dhtmlObject.setItemColor(cId,aColor,sColor);
+						if ((closeable=="0")||(closeable=="1"))  dhtmlObject.setItemCloseable(cId,closeable);
+		  				var zcall=dhtmlObject._parseXMLTree(dhtmlObject,node.childNodes[i],cId,1);
+						if (zcall!="") nodeAskingCall=zcall;
+			}
+			else
+			if ((node.childNodes[i].nodeType==1)&&(node.childNodes[i].tagName == "userdata"))
+			{
+				var name=node.childNodes[i].getAttribute("name");
+				if ((name)&&(node.childNodes[i].childNodes[0])) {
+					dhtmlObject.setUserData(parentId,name,node.childNodes[i].childNodes[0].data);
+				};
+			};
+		};
+
+		if (!level) {
+			dhtmlObject.lastLoadedXMLId=parentId;
+			dhtmlObject._redrawFrom(dhtmlObject);
+			dhtmlObject.XMLloadingWarning=0;			
+			if (nodeAskingCall!="")   dhtmlObject.selectItem(nodeAskingCall,true);  
+		}
+		return nodeAskingCall;
+	};
+	
+/**  
+*     @desc: reset tree images from selected level
+*     @type: private
+*     @param: dhtmlObject - tree
+*     @param: itemObject - current item
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._redrawFrom=function(dhtmlObject,itemObject){
+		if (!itemObject) {
+		var tempx=dhtmlObject._globalIdStorageFind(dhtmlObject.lastLoadedXMLId); 
+		dhtmlObject.lastLoadedXMLId=-1;
+		if (!tempx) return 0;
+		}
+		else tempx=itemObject;
+		for (var i=0; i<tempx.childsCount; i++)
+		{
+			if (!itemObject) tempx.childNodes[i].htmlNode.parentNode.parentNode.style.display="";
+			if (tempx.childNodes[i].openMe==1) 
+				for (var zy=0; zy<tempx.childNodes[i].childNodes.length; zy++)
+					tempx.childNodes[i].htmlNode.childNodes[0].childNodes[zy+1].style.display="";
+			dhtmlObject._redrawFrom(dhtmlObject,tempx.childNodes[i]);
+			dhtmlObject._correctLine(tempx.childNodes[i]);			
+			dhtmlObject._correctPlus(tempx.childNodes[i]);				
+		};
+		dhtmlObject._correctLine(tempx);			
+		dhtmlObject._correctPlus(tempx);		
+	};
+
+/**  
+*     @desc: create and return main html element of tree
+*     @type: private
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype._createSelf=function(){
+		var div=document.createElement('div');
+		div.className="containerTableStyle";
+		div.style.width=this.width;
+		div.style.height=this.height;
+		this.parentObject.appendChild(div);
+		return div;
+	};
+
+/**  
+*     @desc: collapse target node
+*     @type: private
+*     @param: itemObject - item object
+*     @topic: 4  
+*/
+	dhtmlXTreeObject.prototype._xcloseAll=function(itemObject)
+	{
+		if (this.rootId!=itemObject.id) this._HideShow(itemObject,1);	
+ 		for (var i=0; i<itemObject.childsCount; i++)
+			this._xcloseAll(itemObject.childNodes[i]);
+	};
+/**  
+*     @desc: expand target node
+*     @type: private
+*     @param: itemObject - item object
+*     @topic: 4  
+*/		
+	dhtmlXTreeObject.prototype._xopenAll=function(itemObject)
+	{ 
+		this._HideShow(itemObject,2);
+		for (var i=0; i<itemObject.childsCount; i++)
+			this._xopenAll(itemObject.childNodes[i]);
+	};		
+/**  
+*     @desc: set correct tree-line and node images
+*     @type: private
+*     @param: itemObject - item object
+*     @topic: 6  
+*/			
+	dhtmlXTreeObject.prototype._correctPlus=function(itemObject){
+		var workArray=this.lineArray;
+		if ((this.XMLsource)&&(!itemObject.XMLload)) 
+		{
+				var workArray=this.plusArray;
+				itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[2];
+		}
+		else
+try {
+		if (itemObject.childsCount)
+		{
+			if ( itemObject.htmlNode.childNodes[0].childNodes[1].style.display!="none" )
+				{
+				var workArray=this.minusArray;
+				itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[1];
+				}
+			else
+				{
+				var workArray=this.plusArray;
+				itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[2];
+				}
+		}
+		else
+		{
+			itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[2].childNodes[0].src=this.imPath+itemObject.images[0];
+		}
+	}
+	catch(e) {};
+		
+		var tempNum=2;
+		if (!itemObject.treeNod.treeLinesOn) itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[0].childNodes[0].src=this.imPath+workArray[3];
+		else { 
+			if (itemObject.parentObject) tempNum=this._getCountStatus(itemObject.id,itemObject.parentObject);
+			itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[0].childNodes[0].src=this.imPath+workArray[tempNum];
+			}
+	};
+/**  
+*     @desc: set correct tree-line images
+*     @type: private
+*     @param: itemObject - item object
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._correctLine=function(itemObject){
+		var sNode=itemObject.parentObject;											 
+		try{
+		if (sNode)
+			if ((this._getLineStatus(itemObject.id,sNode)==0)||(!this.treeLinesOn))
+				 {
+					for(var i=1; i<=itemObject.childsCount; i++)
+											{
+					itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundImage="";
+					itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundRepeat="";					
+					 						}
+					}																												 
+				else
+					for(var i=1; i<=itemObject.childsCount; i++)
+									{
+					itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundImage="url("+this.imPath+"line1.gif)";
+					itemObject.htmlNode.childNodes[0].childNodes[i].childNodes[0].style.backgroundRepeat="repeat-y";					
+		          	}
+			} 	
+			catch(e) {};
+	};
+/**  
+*     @desc: return type of node 
+*     @type: private
+*     @param: itemId - item id		  
+*     @param: itemObject - parent node object
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._getCountStatus=function(itemId,itemObject){
+		try{
+		if (itemObject.childsCount<=1) { if (itemObject.id==this.rootId) return 4; else  return 0; }
+		
+		if (itemObject.htmlNode.childNodes[0].childNodes[1].nodem.id==itemId) if (!itemObject.id) return 2; else return 1;
+		if (itemObject.htmlNode.childNodes[0].childNodes[itemObject.childsCount].nodem.id==itemId) return 0;
+		}
+		catch(e){};
+		return 1;
+	};
+/**  
+*     @desc: return type of node 
+*     @type: private
+*     @param: itemId - node id		  
+*     @param: itemObject - parent node object
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._getLineStatus =function(itemId,itemObject){
+			if (itemObject.htmlNode.childNodes[0].childNodes[itemObject.childsCount].nodem.id==itemId) return 0;
+			return 1;
+		}
+
+/**  
+*     @desc: open/close node 
+*     @type: private
+*     @param: itemObject - node object		  
+*     @param: mode - open/close mode [1-close 2-open](optional)
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._HideShow=function(itemObject,mode){
+		if (((this.XMLsource)&&(!itemObject.XMLload))&&(!mode)) { itemObject.XMLload=1; this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(itemObject.id)); return; }; 
+		var Nodes=itemObject.htmlNode.childNodes[0].childNodes; var Count=Nodes.length;
+		if (Count>1){
+			if ( ( (Nodes[1].style.display!="none") || (mode==1) ) && (mode!=2) ) nodestyle="none";  else  nodestyle="";
+		for (var i=1; i<Count; i++)
+			Nodes[i].style.display=nodestyle; 
+		}
+		this._correctPlus(itemObject);		
+	}
+/**  
+*     @desc: return node state
+*     @type: private
+*     @param: itemObject - node object		  
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype._getOpenState=function(itemObject){
+		var z=itemObject.htmlNode.childNodes[0].childNodes;
+		if (z.length<=1) return 0;
+		if 	(z[1].style.display!="none") return 1;
+		else return -1;
+	}
+
+	
+	
+/**  
+*     @desc: ondblclick item  event handler 
+*     @type: private
+*     @topic: 0  
+*/		
+	dhtmlXTreeObject.prototype.onRowClick2=function(){
+	if 	(this.parentObject.treeNod.dblclickFuncHandler) if (!this.parentObject.treeNod.dblclickFuncHandler(this.parentObject.id)) return 0;
+		if ((this.parentObject.closeble)&&(this.parentObject.closeble!="0"))
+			this.parentObject.treeNod._HideShow(this.parentObject);
+		else
+			this.parentObject.treeNod._HideShow(this.parentObject,2);
+	};
+/**  
+*     @desc: onclick item event handler 
+*     @type: private
+*     @topic: 0  
+*/			
+	dhtmlXTreeObject.prototype.onRowClick=function(){
+	if 	(this.parentObject.treeNod.openFuncHandler) if (!this.parentObject.treeNod.openFuncHandler(this.parentObject.id,this.parentObject.treeNod._getOpenState(this.parentObject))) return 0;
+		if ((this.parentObject.closeble)&&(this.parentObject.closeble!="0"))
+			this.parentObject.treeNod._HideShow(this.parentObject);
+		else
+			this.parentObject.treeNod._HideShow(this.parentObject,2);
+	};
+	
+/**  
+*     @desc: select node text event handler 
+*     @type: private
+*     @param: e - event object		  
+*     @param: htmlObject - node object	  
+*     @param: mode - if false - call onSelect event
+*     @topic: 0  
+*/				
+	dhtmlXTreeObject.prototype.onRowSelect=function(e,htmlObject,mode){
+		//if (mode!=false) mode=true;
+		if (!htmlObject) htmlObject=this;
+	 	htmlObject.childNodes[0].className="selectedTreeRow";
+		if (htmlObject.parentObject.scolor)  htmlObject.parentObject.span.style.color=htmlObject.parentObject.scolor;
+		if ((htmlObject.parentObject.treeNod.lastSelected)&&(htmlObject.parentObject.treeNod.lastSelected!=htmlObject))
+			{
+		          htmlObject.parentObject.treeNod.lastSelected.childNodes[0].className="standartTreeRow";
+			  	  if (htmlObject.parentObject.treeNod.lastSelected.parentObject.acolor)  htmlObject.parentObject.treeNod.lastSelected.parentObject.span.style.color=htmlObject.parentObject.treeNod.lastSelected.parentObject.acolor;
+			}
+		htmlObject.parentObject.treeNod.lastSelected=htmlObject;
+		if (!mode) { if (htmlObject.parentObject.actionHandler) htmlObject.parentObject.actionHandler(htmlObject.parentObject.id); }
+	};
+	
+
+
+
+	
+/**  
+*     @desc: checbox select action
+*     @type: fix checkbox state
+*     @topic: 0  
+*/
+dhtmlXTreeObject.prototype._correctCheckStates=function(dhtmlObject){
+	if (!this.tscheck) return;
+	if (dhtmlObject.id==this.rootId) return;
+	//calculate state
+	var act=dhtmlObject.htmlNode.childNodes[0].childNodes;
+	var flag1=0; var flag2=0;
+	if (act.length<2) return;
+	for (var i=1; i<act.length; i++)
+		if (act[i].nodem.checkstate==0) flag1=1;
+		else if (act[i].nodem.checkstate==1) flag2=1;		
+			else { flag1=1; flag2=1; break; }
+
+	if ((flag1)&&(flag2)) this._setCheck(dhtmlObject,"notsure"); 
+	else if (flag1)  this._setCheck(dhtmlObject,false); 
+		else  this._setCheck(dhtmlObject,true);
+		
+		this._correctCheckStates(dhtmlObject.parentObject);
+}
+	
+/**  
+*     @desc: checbox select action
+*     @type: private
+*     @topic: 0  
+*/	
+	dhtmlXTreeObject.prototype.onCheckBoxClick=function(e)	{
+		if (this.treeNod.tscheck) 
+			if (this.parentObject.checkstate==1) this.treeNod._setSubChecked(false,this.parentObject); 
+			else this.treeNod._setSubChecked(true,this.parentObject);		
+		else
+			if (this.parentObject.checkstate==1) this.treeNod._setCheck(this.parentObject,false); 
+			else this.treeNod._setCheck(this.parentObject,true);
+		this.treeNod._correctCheckStates(this.parentObject.parentObject);
+		if (this.treeNod.checkFuncHandler) return (this.treeNod.checkFuncHandler(this.parentObject.id,this.parentObject.checkstate));
+		else return true;
+	};
+/**  
+*     @desc: create HTML elements for tree node
+*     @type: private
+*     @param: acheck - enable/disable checkbox
+*     @param: itemObject - item object
+*     @param: mode - mode
+*     @topic: 0  
+*/	
+	dhtmlXTreeObject.prototype._createItem=function(acheck,itemObject,mode){
+		var table=document.createElement('table');
+			table.cellSpacing=0;table.cellPadding=0;
+			table.border=0; 
+			if (this.hfMode) table.style.tableLayout="fixed";
+			table.style.margin=0; table.style.padding=0;
+			
+		var tbody=document.createElement('tbody');		
+		var tr=document.createElement('tr');
+//				tr.height="16px"; tr.style.overflow="hidden";
+		var td1=document.createElement('td');
+			td1.className="standartTreeImage";
+			var img0=document.createElement("img");
+				img0.border="0"; //img0.src='treeGfx/line1.gif';
+				td1.appendChild(img0); img0.style.padding=0; 
+					
+		var td11=document.createElement('td');
+//			var inp=document.createElement("input");				inp.type="checkbox"; inp.style.width="12px"; inp.style.height="12px";
+			var inp=document.createElement("img");				inp.checked=0; inp.src=this.imPath+this.checkArray[0]; inp.style.width="16px"; inp.style.height="16px";
+
+			if (!acheck) inp.style.display="none";
+			// td11.className="standartTreeImage";
+					//if (acheck) 
+				td11.appendChild(inp);
+				td11.width="16px";
+				inp.onclick=this.onCheckBoxClick;
+				inp.treeNod=this;
+				inp.parentObject=itemObject; 
+
+		var td12=document.createElement('td');
+			td12.className="standartTreeImage"; 
+			var img=document.createElement("img"); img.onmousedown=this._preventNsDrag;
+				img.border="0"; 
+				if (!mode) img.src=this.imPath+this.imageArray[0];
+				td12.appendChild(img); img.style.padding=0; img.style.margin=0;
+			 if (this.timgen) 
+				{ img.style.width="18px"; img.style.height="18px"; }
+			else
+				{ img.style.width="0px"; img.style.height="0px"; }
+
+				
+		var td2=document.createElement('td');
+			td2.noWrap=true;
+				itemObject.span=document.createElement('span');
+				itemObject.span.className="standartTreeRow";
+			td2.style.width="100%";
+		itemObject.span.appendChild(document.createTextNode(itemObject.label));
+		td2.appendChild(itemObject.span);
+		td2.parentObject=itemObject; 		 td1.parentObject=itemObject;
+		td2.onclick=this.onRowSelect; td1.onclick=this.onRowClick; td2.ondblclick=this.onRowClick2; 
+		
+		if (this.dragAndDropOff) this.dragger.addDraggableItem(td2,this);
+		
+		td2.style.verticalAlign=""; 
+		td2.style.cursor="pointer"; 
+		tr.appendChild(td1);				tr.appendChild(td11);				tr.appendChild(td12);		
+		tr.appendChild(td2);
+		tbody.appendChild(tr);
+		table.appendChild(tbody);
+		return table;	
+	};
+	
+	
+/**  
+*     @desc: set path to image directory
+*     @param: newPath - path to image directory		  
+*     @type: public
+*     @topic: 0  
+*/ 
+	dhtmlXTreeObject.prototype.setImagePath=function( newPath ){ this.imPath=newPath; };
+	
+	
+/**  
+*     @desc: set function called when tree node selected
+*     @param: func - event handling function
+*     @type: public
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.setOnClickHandler=function(func){  if (typeof(func)=="function") this.aFunc=func; else this.aFunc=eval(func);  };
+	
+/**  
+*     @desc: enables dinamic loading from XML mode
+*     @type: public
+*     @param: filePath - name of script returning XML;
+*     @topic: 0  
+*/						
+	dhtmlXTreeObject.prototype.setXMLAutoLoading=function(filePath){  this.XMLsource=filePath; };
+	/**  
+*     @desc: set function called before checkbox checked/unchecked
+*     @param: func - event handling function
+*     @type: public
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.setOnCheckHandler=function(func){  if (typeof(func)=="function") this.checkFuncHandler=func; else this.checkFuncHandler=eval(func); };
+	
+		
+/**  
+*     @desc: set function called before tree node opened/closed
+*     @param: func - event handling function
+*     @type: public
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.setOnOpenHandler=function(func){  if (typeof(func)=="function") this.openFuncHandler=func; else this.openFuncHandler=eval(func);  };
+	
+	/**  
+*     @desc: set function called when tree node double clicked
+*     @param: func - event handling function
+*     @type: public
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.setOnDblClickHandler=function(func){  if (typeof(func)=="function") this.dblclickFuncHandler=func; else this.dblclickFuncHandler=eval(func); };	
+	
+	
+	
+	
+
+
+
+
+
+	/**  
+*     @desc: expand target node and all child nodes
+*     @type: public
+*     @param: itemId - node id
+*     @topic: 4  
+*/	
+	dhtmlXTreeObject.prototype.openAllItems=function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		this._xopenAll(temp); 
+	};
+	
+	/*
+*     @desc: return open/close state
+*     @type: public
+*     @param: itemId - node id
+*     @topic: 4  
+*/	
+	dhtmlXTreeObject.prototype.getOpenState=function(itemId){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return "";
+		return this._getOpenState(temp); 
+	};
+	
+/**  
+*     @desc: collapse target node and all child nodes
+*     @type: public
+*     @param: itemId - node id
+*     @topic: 4  
+*/		
+	dhtmlXTreeObject.prototype.closeAllItems=function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		this._xcloseAll(temp); 		
+	};		
+	
+	
+/**  
+*     @desc: set user data for target node
+*     @type: public
+*     @param: itemId - target node identificator
+*     @param: name - key for user data
+*     @param: value - user data
+*     @topic: 5  
+*/	
+	dhtmlXTreeObject.prototype.setUserData=function(itemId,name,value){
+		var sNode=this._globalIdStorageFind(itemId); 
+			if (!sNode) return;
+			if(name=="hint") sNode.htmlNode.childNodes[0].childNodes[0].title=value;
+			sNode[name]=value;
+	};
+	
+/**  
+*     @desc: return user data from target node
+*     @type: public
+*     @param: itemId - target node identificator
+*     @param: name - key for user data
+*     @topic: 5  
+*/		
+	dhtmlXTreeObject.prototype.getUserData=function(itemId,name){
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return;
+		return eval("sNode."+name);
+	};
+	
+/**  
+*     @desc: retun selected node identificator
+*     @type: public
+*     @topic: 1  
+*/	
+	dhtmlXTreeObject.prototype.getSelectedItemId=function()
+	{
+		if (this.lastSelected)
+			if(this._globalIdStorageFind(this.lastSelected.parentObject.id))
+				return this.lastSelected.parentObject.id;
+		return ("");
+	};
+	
+/**  
+*     @desc: get node color
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.getItemColor=function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+
+		var res= new Object();
+		if (temp.acolor) res.acolor=temp.acolor;
+		if (temp.acolor) res.scolor=temp.scolor;		
+		return res;
+	};
+/**  
+*     @desc: set node color
+*     @param: itemId - identificator of node
+*     @param: defaultColor - node color
+*     @param: selectedColor - selected node color		  
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.setItemColor=function(itemId,defaultColor,selectedColor)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+			else {
+			if ((this.lastSelected) && (temp.tr==this.lastSelected.parentObject.tr))
+				{  if (selectedColor) temp.span.style.color=selectedColor; }
+			else 
+				{  if (defaultColor) temp.span.style.color=defaultColor;  }
+				
+			if (selectedColor) temp.scolor=selectedColor;
+			if (defaultColor) temp.acolor=defaultColor; 
+			}
+	};
+	
+/**  
+*     @desc: return node text
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype.getItemText=function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		return(temp.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML);
+	};
+/**  
+*     @desc: return parent node identificator
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 4  
+*/			
+	dhtmlXTreeObject.prototype.getParentId=function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if ((!temp)||(!temp.parentObject)) return "";
+		return temp.parentObject.id;
+	};
+
+
+
+/**  
+*     @desc: change item id
+*     @type: public
+*     @param: itemId - old node id
+*     @param: newItemId - new node id		  
+*     @topic: 4  
+*/ 	
+	dhtmlXTreeObject.prototype.changeItemId=function(itemId,newItemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		temp.id=newItemId;
+		for (var i=0; i<this._globalIdStorageSize; i++)
+			if (this._globalIdStorage[i]==itemId) 
+				{
+				this._globalIdStorage[i]=newItemId;
+				}
+	};
+
+	
+/**  
+*     @desc: mark selected item as cutted
+*     @type: public
+*     @topic: 2  
+*/ 	
+	dhtmlXTreeObject.prototype.doCut=function(){
+		if (this.nodeCut) this.clearCut();
+		this.nodeCut=this.lastSelected;
+		if (this.nodeCut) 
+			{
+		var tempa=this.nodeCut.parentObject;
+		this.cutImg[0]=tempa.images[0];
+		this.cutImg[1]=tempa.images[1];
+		this.cutImg[2]=tempa.images[2];	
+		tempa.images[0]=tempa.images[1]=tempa.images[2]=this.cutImage;
+		this._correctPlus(tempa);			
+			}
+	};
+	
+/**  
+*     @desc: insert previously cutted branch
+*     @param: itemId - id of new parent node
+*     @type: public
+*     @topic: 2  
+*/ 	
+	dhtmlXTreeObject.prototype.doPaste=function(itemId){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		if  (this.nodeCut) {
+	    if ((!this._checkParenNodes(this.nodeCut.parentObject.id,temp))&&(id!=this.nodeCut.parentObject.parentObject.id))		
+		        this._moveNode(temp,this.nodeCut.parentObject);
+		this.clearCut();
+							}
+	};
+	
+/**  
+*     @desc: clear cut
+*     @type: public
+*     @topic: 2  
+*/ 		
+	dhtmlXTreeObject.prototype.clearCut=function(){
+		if (this.nodeCut) 
+			{
+		var tempa=this.nodeCut.parentObject;			
+		tempa.images[0]=this.cutImg[0];
+		tempa.images[1]=this.cutImg[1];
+		tempa.images[2]=this.cutImg[2];	
+		if (tempa.parentObject) this._correctPlus(tempa);		
+		if (tempa.parentObject) this._correctLine(tempa);				
+		this.nodeCut=0;
+			}
+	};
+	
+
+
+	/**  
+*     @desc: move node with subnodes
+*     @type: private
+*     @param: itemObject - moved node object
+*     @param: targetObject - new parent node
+*     @topic: 2  
+*/	
+	dhtmlXTreeObject.prototype._moveNode=function(itemObject,targetObject){
+	if (this.dragFunc) if (!this.dragFunc(itemObject.id,targetObject.id)) return false;
+		if ((targetObject.XMLload==0)&&(this.XMLsource)) 		
+			{
+			targetObject.XMLload=1; this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(targetObject.id)); 
+			}	
+		this.openItem(targetObject.id);
+	var oldTree=itemObject.treeNod;
+		var c=itemObject.parentObject.childsCount; 
+		var z=itemObject.parentObject;															 
+		var Count=targetObject.childsCount; var Nodes=targetObject.childNodes;
+				Nodes[Count]=itemObject; 			
+				itemObject.treeNod=targetObject.treeNod;
+				targetObject.childsCount++;			
+				
+				var tr=this._drawNewTr(Nodes[Count].htmlNode);
+				targetObject.htmlNode.childNodes[0].appendChild(tr);
+				
+				itemObject.parentObject.htmlNode.childNodes[0].removeChild(itemObject.tr);
+				//this._deleteItem(itemObject.id,0,1);
+				
+
+				for (var i=0; i<z.childsCount; i++)
+					if (z.childNodes[i].id==itemObject.id) { 
+						z.childNodes[i]=0;
+						break;				}
+				oldTree._compressChildList(z.childsCount,z.childNodes);
+				z.childsCount--;
+				itemObject.tr=tr;	
+				tr.nodem=itemObject;	
+
+				itemObject.parentObject=targetObject;
+		if (oldTree!=targetObject.treeNod) {	 if(itemObject.treeNod._registerBranch(itemObject,oldTree)) return; 	 this._clearStyles(itemObject);	};										
+				
+		
+		if (c>1) { oldTree._correctPlus(z.childNodes[c-2]);
+				   oldTree._correctLine(z.childNodes[c-2]); }	
+		this._correctPlus(targetObject);
+		this._correctLine(targetObject);
+		oldTree._correctPlus(z);	
+		this._correctLine(itemObject);	
+		this._correctPlus(Nodes[Count]);
+		if (targetObject.childsCount>=2) 
+		{
+			this._correctPlus(Nodes[targetObject.childsCount-2]);
+			this._correctLine(Nodes[targetObject.childsCount-2]);				
+		}
+		if (this.tscheck) this._correctCheckStates(targetObject);
+		if (oldTree.tscheck) oldTree._correctCheckStates(z);
+		return true;
+	};
+	
+/**  
+*     @desc: check possibility of drag-and-drop
+*     @type: private
+*     @param: itemId - draged node id
+*     @param: htmlObject - droped node object
+*     @param: shtmlObject - sourse node object
+*     @topic: 6  
+*/	
+dhtmlXTreeObject.prototype._checkParenNodes=function(itemId,htmlObject,shtmlObject){
+		if (shtmlObject) { if (shtmlObject.parentObject.id==htmlObject.id)  return 1; }
+		if (htmlObject.id==itemId) return 1;
+		if (htmlObject.parentObject) return this._checkParenNodes(itemId,htmlObject.parentObject); else return 0;
+	};
+	
+	
+	
+/**  
+*     @desc: recursive set default styles for node
+*     @type: private
+*     @param: itemObject - target node object
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype._clearStyles=function(itemObject){ 
+			var td1=itemObject.htmlNode.childNodes[0].childNodes[0].childNodes[1];
+			var td3=td1.nextSibling.nextSibling;
+			
+			if (this.checkBoxOff) { td1.childNodes[0].style.display=""; td1.childNodes[0].onclick=this.onCheckBoxClick;  }
+			else td1.childNodes[0].style.display="none";
+			td1.childNodes[0].treeNod=this;
+			
+			this.dragger.removeDraggableItem(td3);
+			if (this.dragAndDropOff) this.dragger.addDraggableItem(td3,this);
+			td3.childNodes[0].className="standartTreeRow";
+			td3.onclick=this.onRowSelect; td3.ondblclick=this.onRowClick2; 
+			td1.previousSibling.onclick=this.onRowClick;
+
+
+			this._correctLine(itemObject);
+			this._correctPlus(itemObject);
+			for (var i=0; i<itemObject.childsCount; i++) this._clearStyles(itemObject.childNodes[i]); 
+	};
+/**  
+*     @desc: register node and all childs nodes
+*     @type: private
+*     @param: itemObject - node object
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype._registerBranch=function(itemObject,oldTree){
+	/*for (var i=0; i<itemObject.childsCount; i++)
+		if (confirm(itemObject.childNodes[i].id)) return;*/
+		itemObject.id=this._globalIdStorageAdd(itemObject.id,itemObject);
+		itemObject.treeNod=this;
+			if (oldTree) oldTree._globalIdStorageSub(itemObject.id);
+			for (var i=0; i<itemObject.childsCount; i++)
+				this._registerBranch(itemObject.childNodes[i],oldTree);
+		return 0;				
+	};
+	
+	
+/**  
+*     @desc: enable three state checkboxes
+*     @beforeInit: 1
+*     @param: mode - 1 - on, 0 - off;
+*     @type: publick
+*     @topic: 0  
+*/			
+	dhtmlXTreeObject.prototype.enableThreeStateCheckboxes=function(mode) { this.tscheck=convertStringToBoolean(mode); };
+	
+/**  
+*     @desc: enable tree images
+*     @beforeInit: 1
+*     @param: mode - 1 - on, 0 - off;
+*     @type: publick
+*     @topic: 0  
+*/			
+	dhtmlXTreeObject.prototype.enableTreeImages=function(mode) { this.timgen=convertStringToBoolean(mode); };
+	
+	
+/**  
+*     @desc: enable mode with fixed tables (look better, but hasn't horisontal scrollbar)
+*     @beforeInit: 1
+*     @param: mode - 1 - on, 0 - off;
+*     @type: private
+*     @topic: 0  
+*/			
+	dhtmlXTreeObject.prototype.enableFixedMode=function(mode) { this.hfMode=convertStringToBoolean(mode); };
+	
+/**  
+*     @desc: hide checkboxes
+*     @type: public
+*     @topic: 0  
+*/
+	dhtmlXTreeObject.prototype.enableCheckBoxes=function(mode){ this.checkBoxOff=convertStringToBoolean(mode); };
+/**  
+*     @desc: set default images for nodes
+*     @type: public
+*     @param: a0 - image for node without childrens;
+*     @param: a1 - image for closed node;
+*     @param: a2 - image for opened node  		  		  
+*     @topic: 6  
+*/
+	dhtmlXTreeObject.prototype.setStdImages=function(image1,image2,image3){
+						this.imageArray[0]=image1; this.imageArray[1]=image2; this.imageArray[2]=image3;};
+
+/**  
+*     @desc: enableTreeLines(mode);
+*     @type: public
+*     @param: mode - enable/disable tree lines
+*     @topic: 6  
+*/						
+	dhtmlXTreeObject.prototype.enableTreeLines=function(mode){
+		this.treeLinesOn=convertStringToBoolean(mode);
+	}
+
+/**  
+*     @desc: enableTreeLines(mode);
+*     @type: public
+*     @param: arrayName - name of array: plus, minus
+*     @param: image1 - line crossed image
+*     @param: image2 - image with top line
+*     @param: image3 - image with bottom line
+*     @param: image4 - image without line
+*     @param: image5 - single root image
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype.setImageArrays=function(arrayName,image1,image2,image3,image4,image5){
+		switch(arrayName){
+		case "plus": this.plusArray[0]=image1; this.plusArray[1]=image2; this.plusArray[2]=image3; this.plusArray[3]=image4; this.plusArray[4]=image5; break;
+		case "minus": this.minusArray[0]=image1; this.minusArray[1]=image2; this.minusArray[2]=image3; this.minusArray[3]=image4;  this.minusArray[4]=image5; break;		
+		}
+	};
+	
+/**  
+*     @desc: expand node
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 4  
+*/ 
+	dhtmlXTreeObject.prototype.openItem=function(itemId){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;	
+			this._HideShow(temp,2);	
+				if ((temp.parentObject)&&(this._getOpenState(temp.parentObject)<0))
+					this.openItem(temp.parentObject.id); 
+	};
+	
+	/**  
+*     @desc: collapse node
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 4  
+*/ 
+	dhtmlXTreeObject.prototype.closeItem=function(itemId){
+		if (this.rootId==itemId) return 0;
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+			if (temp.closeble)
+				this._HideShow(temp,1);		
+	};
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+	
+		
+/**  
+*     @desc: return node level
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 4  
+*/ 
+	dhtmlXTreeObject.prototype.getLevel=function(itemId){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		return this._getNodeLevel(temp,0);
+	};
+	
+		
+
+/**  
+*     @desc: prevent node from closing
+*     @param: itemId - identificator of node
+*     @param: flag -  if 0 - node can't be closed, else node can be closed
+*     @type: public
+*     @topic: 4  
+*/ 
+	dhtmlXTreeObject.prototype.setItemCloseable=function(itemId,flag)
+	{
+		flag=convertStringToBoolean(flag);
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+			temp.closeble=flag;
+	};
+	
+	/**  
+*     @desc: recursive function used fo node level calculation
+*     @param: itemObject - pointer to node object
+*     @param: count - counter of levels		  
+*     @type: private
+*     @topic: 4  
+*/	
+	dhtmlXTreeObject.prototype._getNodeLevel=function(itemObject,count){
+		if (itemObject.parentObject) return this._getNodeLevel(itemObject.parentObject,count+1);
+		return(count);
+	};
+	
+	/**  
+*     @desc: return count of childrens
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 4  
+*/
+	dhtmlXTreeObject.prototype.hasChildren=function(itemId){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		else 
+			{
+				if ( (this.XMLsource)&&(!temp.XMLload) ) return true;
+				else 
+					return temp.childsCount;
+			};
+	};
+	
+	
+	/**  
+*     @desc: set new node text (HTML allowed)
+*     @param: itemId - identificator of node
+*     @param: newLabel - node text
+*     @type: public
+*     @topic: 6  
+*/
+	dhtmlXTreeObject.prototype.setItemText=function(itemId,newLabel)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		temp.label=newLabel;
+		temp.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML=newLabel;
+	};
+/**  
+*     @desc: refresh tree branch from xml
+*     @param: itemId - identificator of node, if not defined tree super root used.
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.refreshItem=function(itemId){
+		if (!itemId) itemId=this.rootId;
+		var temp=this._globalIdStorageFind(itemId);
+		this.deleteChildItems(itemId);
+		this.loadXML(this.XMLsource+getUrlSymbol(this.XMLsource)+"id="+escape(itemId));  
+	};	
+	
+	/**  
+*     @desc: set node images
+*     @param: itemId - identificator of node
+*     @param: image1 - node without childrens image
+*     @param: image2 - closed node image  		  
+*     @param: image3 - open node image 		  
+*     @type: public
+*     @topic: 6  
+*/		
+	dhtmlXTreeObject.prototype.setItemImage2=function(itemId, image1,image2,image3){
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+				temp.images[1]=image2;
+				temp.images[2]=image3;
+				temp.images[0]=image1;
+		this._correctPlus(temp);
+	};
+/**  
+*     @desc: set node images
+*     @param: itemId - identificator of node
+*     @param: image1 - node without childrens image or closed node image (if image2 specified)
+*     @param: image2 - open node image (optional)		  
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.setItemImage=function(itemId,image1,image2)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+			if (image2)
+			{
+				temp.images[1]=image1;
+				temp.images[2]=image2;
+			}
+			else temp.images[0]=image1;
+		this._correctPlus(temp);
+	};
+	
+	
+/**  
+*     @desc: Returns the list of all children items from the next level of tree, separated by commas.
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.getSubItems =function(itemId)
+	{
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+
+		var z="";
+		for (i=0; i<temp.childsCount; i++)
+			if (!z) z=temp.childNodes[i].id;
+				else z+=","+temp.childNodes[i].id;
+		return z;
+	};
+/**  
+*     @desc: Returns the list of all children items from all next levels of tree, separated by commas.
+*     @param: itemId - identificator of node
+*     @type: public
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype.getAllSubItems =function(itemId){
+		return this._getAllSubItems(itemId);
+	}
+	
+/**  
+*     @desc: Returns the list of all children items from all next levels of tree, separated by commas.
+*     @param: itemId - identificator of node
+*     @type: private
+*     @topic: 6  
+*/	
+	dhtmlXTreeObject.prototype._getAllSubItems =function(itemId,z,node)
+	{
+		if (node) temp=node;
+		else {
+		var temp=this._globalIdStorageFind(itemId);
+			};		
+		if (!temp) return 0;
+		
+		z="";
+		for (var i=0; i<temp.childsCount; i++)
+			{
+			if (!z) z=temp.childNodes[i].id;
+				else z+=","+temp.childNodes[i].id;
+			var zb=this.getAllSubItems(id,z,temp.childNodes[i])
+			if (zb) z+=","+zb;
+			}
+		return z;
+	};	
+	
+
+	
+/**  
+*     @desc: select node ( and optionaly fire onselect event)
+*     @type: public
+*     @param: itemId - node identificator
+*     @param: mode - If true, script function for selected node will be called.
+*     @topic: 1  
+*/		
+	dhtmlXTreeObject.prototype.selectItem=function(itemId,mode){ 
+		mode=convertStringToBoolean(mode);
+		var temp=this._globalIdStorageFind(itemId);
+		if (!temp) return 0;
+		if (this._getOpenState(temp.parentObject)==-1)		
+			this.openItem(itemId);
+		//temp.onRowSelect(0,temp.htmlNode.childNodes[0].childNodes[0].childNodes[3],mode);
+		if (mode)
+			this.onRowSelect(0,temp.htmlNode.childNodes[0].childNodes[0].childNodes[3],false);
+		else
+			this.onRowSelect(0,temp.htmlNode.childNodes[0].childNodes[0].childNodes[3],true);
+	};
+	
+/**  
+*     @desc: retun selected node text
+*     @type: public
+*     @topic: 1  
+*/	
+	dhtmlXTreeObject.prototype.getSelectedItemText=function()
+	{
+		if (this.lastSelected)
+		return this.lastSelected.parentObject.htmlNode.childNodes[0].childNodes[0].childNodes[3].childNodes[0].innerHTML;
+		else return ("");
+	};
+
+
+
+
+/**  
+*     @desc: correct childNode list after node deleting
+*     @type: private
+*     @param: Count - childNodes collection length		  
+*     @param: Nodes - childNodes collection
+*     @topic: 4  
+*/	
+	dhtmlXTreeObject.prototype._compressChildList=function(Count,Nodes)
+	{
+		Count--;
+		for (var i=0; i<Count; i++)
+		{
+			if (Nodes[i]==0) { Nodes[i]=Nodes[i+1]; Nodes[i+1]=0;}
+		};
+	};
+/**  
+*     @desc: delete node
+*     @type: private
+*     @param: itemId - target node identificator
+*     @param: htmlObject - target node object		  
+*     @param: skip - node unregistration mode (optional, used by private methods)
+*     @topic: 2  
+*/		
+	dhtmlXTreeObject.prototype._deleteNode=function(itemId,htmlObject,skip){
+
+		if (!skip) {
+		  this._globalIdStorageRecSub(htmlObject);
+		  			}
+						
+	if ((!htmlObject)||(!htmlObject.parentObject)) return 0;
+	var tempos=0; var tempos2=0;
+	if (htmlObject.tr.nextSibling)  tempos=htmlObject.tr.nextSibling.nodem;
+	if (htmlObject.tr.previousSibling)  tempos2=htmlObject.tr.previousSibling.nodem;
+	
+		var sN=htmlObject.parentObject;
+		var Count=sN.childsCount;
+		var Nodes=sN.childNodes;
+				for (var i=0; i<Count; i++)
+				{
+					if (Nodes[i].id==itemId) { 
+					if (!skip) sN.htmlNode.childNodes[0].removeChild(Nodes[i].tr);
+					Nodes[i]=0;
+					break;
+					}
+				}
+		this._compressChildList(Count,Nodes);
+		if (!skip) {
+		  sN.childsCount--;
+		  			}
+
+		if (tempos) {
+		this._correctPlus(tempos);
+		this._correctLine(tempos);		
+					}
+		if (tempos2) {
+		this._correctPlus(tempos2);
+		this._correctLine(tempos2);		
+					}	
+		if (this.tscheck) this._correctCheckStates(sN);
+	};
+/**  
+*     @desc: change state of node's checkbox
+*     @type: public
+*     @param: itemId - target node identificator
+*     @param: state - checkbox state
+*     @topic: 5
+*/
+	dhtmlXTreeObject.prototype.setCheck=function(itemId,state){
+		state=convertStringToBoolean(state);
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return;
+		if (this.tscheck) return this._setSubChecked(state,sNode);			
+		else this._setCheck(sNode,state);
+		this._correctCheckStates(sNode.parentObject);
+	};
+	
+	dhtmlXTreeObject.prototype._setCheck=function(sNode,state){
+		var z=sNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
+		if (state=="notsure") sNode.checkstate=2;
+		else if (state) sNode.checkstate=1; else sNode.checkstate=0;
+		
+		z.src=this.imPath+this.checkArray[sNode.checkstate];
+	};
+			
+/**  
+*     @desc: change state of node's checkbox and all childnodes checkboxes
+*     @type: public
+*     @param: itemId - target node identificator
+*     @param: state - checkbox state
+*     @topic: 5  
+*/
+dhtmlXTreeObject.prototype.setSubChecked=function(itemId,state){
+	var sNode=this._globalIdStorageFind(itemId);
+	this._setSubChecked(state,sNode);
+	this._correctCheckStates(sNode.parentObject);
+}
+/**  
+*     @desc: change state of node's checkbox and all childnodes checkboxes
+*     @type: private
+*     @param: itemId - target node identificator
+*     @param: state - checkbox state
+*     @param: sNode - target node object (optional, used by private methods)
+*     @topic: 5  
+*/
+	dhtmlXTreeObject.prototype._setSubChecked=function(state,sNode){
+		state=convertStringToBoolean(state);
+		if (!sNode) return;		
+		for (var i=0; i<sNode.childsCount; i++)
+			{
+				this._setSubChecked(state,sNode.childNodes[i]);
+			};		
+		var z=sNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
+		if (state) sNode.checkstate=1;  
+		else 	sNode.checkstate=0;
+		z.src=this.imPath+this.checkArray[sNode.checkstate];	
+	};
+
+/**  
+*     @desc: return state of nodes's checkbox
+*     @type: public
+*     @param: itemId - target node identificator
+*     @topic: 5  
+*/		
+	dhtmlXTreeObject.prototype.isItemChecked=function(itemId){
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return;		
+		return	sNode.checkstate;
+	};
+	
+
+
+
+
+/**  
+*     @desc: return list of identificators of nodes with checked checkboxes
+*     @type: public
+*     @topic: 5  
+*/		
+	dhtmlXTreeObject.prototype.getAllChecked=function(){
+		return this._getAllChecked("","",1);
+	}
+/**  
+*     @desc: return list of identificators of nodes with checked checkboxes, and parent of that checkboxes
+*     @type: public
+*     @topic: 5  
+*/		
+	dhtmlXTreeObject.prototype.getAllCheckedBranches=function(){
+		return this._getAllChecked("","",0);
+	}
+		
+/**  
+*     @desc: return list of identificators of nodes with checked checkboxes
+*     @type: private
+*     @param: node - node object (optional, used by private methods)
+*     @param: list - initial identificators list (optional, used by private methods)		  
+*     @topic: 5  
+*/		
+	dhtmlXTreeObject.prototype._getAllChecked=function(htmlNode,list,mode){
+		if (!htmlNode) htmlNode=this.htmlNode;
+		if (((mode)&&(htmlNode.checkstate==1))||((!mode)&&(htmlNode.checkstate>0))) { if (list) list+=","+htmlNode.id; else list=htmlNode.id;  }
+		var j=htmlNode.childsCount;
+		for (var i=0; i<j; i++) 
+		{ 
+			list=this._getAllChecked(htmlNode.childNodes[i],list,mode);
+		};
+		if (list) return list; else return "";
+	};
+/**  
+*     @desc: delete all child of node
+*     @type: public
+*     @param: itemId - node identificator
+*     @topic: 2  
+*/		
+ 	dhtmlXTreeObject.prototype.deleteChildItems=function(itemId)
+	{
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return;
+		var j=sNode.childsCount;
+		for (var i=0; i<j; i++) 
+		{ 
+			this._deleteNode(sNode.childNodes[0].id,sNode.childNodes[0]);
+		};
+	};
+	
+/**  
+*     @desc: delete node
+*     @type: public
+*     @param: itemId - node identificator
+*     @param: selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.
+*     @topic: 2  
+*/		
+dhtmlXTreeObject.prototype.deleteItem=function(itemId,selectParent){
+	this._deleteItem(itemId,selectParent);
+}
+/**  
+*     @desc: delete node
+*     @type: private
+*     @param: id - node identificator
+*     @param: selectParent - If true parent of deleted item get selection, else no selected items leaving in tree.
+*     @param: skip - unregistering mode (optional, used by private methods)		  
+*     @topic: 2  
+*/		
+dhtmlXTreeObject.prototype._deleteItem=function(itemId,selectParent,skip){
+		selectParent=convertStringToBoolean(selectParent);
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return;
+		if (selectParent) this.selectItem(this.getParentId(this.getSelectedItemId()),1);
+		if (!skip) {
+			this._globalIdStorageRecSub(sNode);
+//				if (sNode.parentObject.id) sNode.parentObject.onRowSelect(0,sNode.parentObject.htmlNode.childNodes[0].childNodes[0].childNodes[3]);
+					};
+		var zTemp=sNode.parentObject;
+		this._deleteNode(itemId,sNode,skip);
+		this._correctPlus(zTemp);
+		this._correctLine(zTemp);					
+	};
+	
+/**  
+*     @desc: uregister all child nodes of target node
+*     @type: private
+*     @param: itemObject - node object
+*     @topic: 3  
+*/		
+	dhtmlXTreeObject.prototype._globalIdStorageRecSub=function(itemObject){
+		for(var i=0; i<itemObject.childsCount; i++)
+		{
+			this._globalIdStorageRecSub(itemObject.childNodes[i]);
+			this._globalIdStorageSub(itemObject.childNodes[i].id);
+		};
+		this._globalIdStorageSub(itemObject.id);
+	};
+	
+/**  
+*     @desc: create new node next to specified
+*     @type: public
+*     @param: parentItemId - node id
+*     @param: itemId - new node id
+*     @param: itemName - new node text
+*     @param: itemActionHandler - function fired on node select event (optional)
+*     @param: image1 - image for node without childrens; (optional)
+*     @param: image2 - image for closed node; (optional)
+*     @param: image3 - image for opened node (optional)	 
+*     @param: optionStr - options string (optional)	 		  
+*     @param: childs - node childs flag (for dynamical trees) (optional)
+*     @topic: 2  
+*/
+	dhtmlXTreeObject.prototype.insertNewNext=function(parentItemId,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs){		
+		var sNode=this._globalIdStorageFind(parentItemId);
+		if (!sNode) return (0);
+		this._attachChildNode(0,itemId,itemName,itemActionHandler,image1,image2,image3,optionStr,childs,sNode);
+	};
+
+	
+	
+/**  
+*     @desc: retun node identificator by index
+*     @type: public
+*     @param: itemId - node identificator		  
+*     @param: index - index of node
+*     @topic: 1  
+*/		
+	dhtmlXTreeObject.prototype.getItemIdByIndex=function(itemId,index){
+		 var z=this._globalIdStorageFind(itemId);
+		 if (!z) return 0;
+		 var temp=z.htmlNode.childNodes[0].childNodes[0];
+		 while(index>0)
+		 	{
+				temp=temp.nextSibling;
+				if ((!temp)||(!temp.nodem)) return 0;
+				index--;
+			}
+			return  temp.nodem.id;
+	};
+/**  
+*     @desc: retun child node identificator by index
+*     @type: public
+*     @param: itemId - parent node identificator		  
+*     @param: index - index of child node
+*     @topic: 1  
+*/		
+	dhtmlXTreeObject.prototype.getChildItemIdByIndex=function(itemId,index){
+		var sNode=this._globalIdStorageFind(itemId);
+		if (!sNode) return (0);
+		if (this.hasChildren(itemId)<index) return 0;
+		return sNode.htmlNode.childNodes[0].childNodes[index].nodem.id;
+	};		
+
+
+	
+	
+
+/**  
+*     @desc: set function called when drag-and-drap event occured
+*     @param: aFunc - event handling function
+*     @type: public
+*     @topic: 0  
+*/ 
+	dhtmlXTreeObject.prototype.setDragHandler=function(func){  if (typeof(func)=="function") this.dragFunc=func; else this.dragFunc=eval(func);  };
+	
+	/**  
+*     @desc: clear selection from node
+*     @param: htmlNode - pointer to node object
+*     @type: private
+*     @topic: 1  
+*/ 
+    dhtmlXTreeObject.prototype._clearMove=function(htmlNode){
+		if (htmlNode.parentObject.span) {
+		htmlNode.parentObject.span.className='standartTreeRow';
+		if (htmlNode.parentObject.acolor)  htmlNode.parentObject.span.style.color=htmlNode.parentObject.acolor;
+				}
+	};
+	
+	/**  
+*     @desc: enable/disable drag-and-drop
+*     @type: public
+*     @topic: 0  
+*/			
+	dhtmlXTreeObject.prototype.enableDragAndDrop=function(mode){ this.dragAndDropOff=convertStringToBoolean(mode); };	
+	
+	/**  
+*     @desc: set selection on node
+*     @param: node - pointer to node object
+*     @type: private
+*     @topic: 1  
+*/ 	
+	dhtmlXTreeObject.prototype._setMove=function(htmlNode){
+		if (htmlNode.parentObject.span) {
+		 htmlNode.parentObject.span.className='selectedTreeRow';
+		if (htmlNode.parentObject.scolor)  htmlNode.parentObject.span.style.color=htmlNode.parentObject.scolor;
+		}
+	};	
+		
+	
+/**  
+*     @desc: create html element for dragging
+*     @type: private
+*     @param: htmlObject - html node object
+*     @topic: 0  
+*/		
+dhtmlXTreeObject.prototype._createDragNode=function(htmlObject){
+		dhtmlObject=htmlObject.parentObject;
+	  if (this.lastSelected) this._clearMove(this.lastSelected);
+		var dragSpan=document.createElement('div');
+			dragSpan.appendChild(document.createTextNode(dhtmlObject.label));
+			dragSpan.style.position="absolute";
+			dragSpan.className="dragSpanDiv";
+			return dragSpan;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+///D&D
+
+dhtmlXTreeObject.prototype._preventNsDrag=function(e){
+	if ((e)&&(e.preventDefault)) { e.preventDefault(); return false; }
+}
+
+dhtmlXTreeObject.prototype._drag=function(sourceHtmlObject,dhtmlObject,targetHtmlObject){
+		if (!targetHtmlObject.parentObject){ targetHtmlObject=this.htmlNode.htmlNode.childNodes[0].childNodes[0].childNodes[1].childNodes[0]; }
+		else 	this._clearMove(targetHtmlObject);
+		 if (dhtmlObject.lastSelected)   dhtmlObject._setMove(dhtmlObject.lastSelected);
+		 if ((!this.dragMove)||(this.dragMove())) this._moveNode(sourceHtmlObject.parentObject,targetHtmlObject.parentObject);
+
+}
+
+dhtmlXTreeObject.prototype._dragIn=function(htmlObject,shtmlObject){
+					if (!htmlObject.parentObject)
+					{ 
+					
+					//if (this.htmlNode.childsCount==0) 
+					return htmlObject;
+					//else return 0;
+					}
+				   if ( (!this._checkParenNodes(shtmlObject.parentObject.id,htmlObject.parentObject,shtmlObject.parentObject))&&(htmlObject.parentObject.id!=shtmlObject.parentObject.id))
+				   	{
+							  this._setMove(htmlObject);  
+							  if (this._getOpenState(htmlObject.parentObject)<0) 
+								  	this._autoOpenTimer=window.setTimeout(new callerFunction(this._autoOpenItem,this),1000);
+									this._autoOpenId=htmlObject.parentObject.id;
+							  return htmlObject;
+					}
+					else  return 0;
+}
+dhtmlXTreeObject.prototype._autoOpenItem=function(e,treeObject){
+	treeObject.openItem(treeObject._autoOpenId);
+};
+dhtmlXTreeObject.prototype._dragOut=function(htmlObject){ 
+						if (!htmlObject.parentObject)	return 0;
+this._clearMove(htmlObject); if (this._autoOpenTimer) clearTimeout(this._autoOpenTimer); }
+
diff --git a/phpgwapi/js/dhtmlxtree/tree.xml b/phpgwapi/js/dhtmlxtree/tree.xml
new file mode 100644
index 0000000000..884dd5ccc9
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/tree.xml
@@ -0,0 +1,40 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="Books" id="books" open="1" im0="books_close.gif" im1="tombs.gif" im2="tombs.gif" call="1" select="1">
+		<item text="Mystery !!! &amp; Thrillers" id="mystery" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Lawrence Block" id="lb" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Robert Crais" id="rc" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Ian Rankin" id="ir" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="James Patterson" id="jp" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Nancy Atherton" id="na" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="History" id="history" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="John Mack Faragher" id="jmf" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Jim Dwyer" id="jd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Larry Schweikart" id="ls" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="R. Lee Ermey" id="rle" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Horror" id="horror" open="1" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Stephen King" id="sk" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Dan Brown" id="db" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Mary Janice Davidson" id="mjd" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Katie Macalister" id="km" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Science Fiction &amp; Fantasy" id="fantasy" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Audrey Niffenegger" id="af" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Philip Roth" id="pr" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Sport" id="sport" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Bill Reynolds" id="br" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+		<item text="Teens" id="teens" im0="book.gif" im1="books_open.gif" im2="books_close.gif">
+			<item text="Joss Whedon" id="jw" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Meg Cabot" id="mc" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Garth Nix" id="gn" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+			<item text="Ann Brashares" id="ab" im0="book.gif" im1="books_open.gif" im2="book.gif"></item>
+		</item>
+	</item>
+	<item text="Magazines" id="magazines" im0="tombs_mag.gif" im1="tombs_mag.gif" im2="tombs_mag.gif">
+		<item text="Sport" id="mag_sp" im0="magazines_open.gif" im1="magazines_open.gif" im2="magazines_close.gif"></item>
+	</item>
+</tree> 
diff --git a/phpgwapi/js/dhtmlxtree/tree2.xml b/phpgwapi/js/dhtmlxtree/tree2.xml
new file mode 100644
index 0000000000..6d31941c87
--- /dev/null
+++ b/phpgwapi/js/dhtmlxtree/tree2.xml
@@ -0,0 +1,31 @@
+<?xml version='1.0' encoding='iso-8859-1'?>
+<tree id="0">
+	<item text="Lawrence Block" id="t2_lb" im0="book.gif" im1="books_open.gif" im2="book.gif">
+		<item text="All the Flowers Are Dying" id="lb_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="The Burglar on the Prowl" id="lb_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="The Plot Thickens" id="lb_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Grifter's Game" id="lb_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="The Burglar Who Thought He Was Bogart" id="lb_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+	</item>
+	<item text="Robert Crais" id="t2_rc" open="1" im0="book.gif" im1="books_open.gif" im2="book.gif">
+		<item text="The Forgotten Man" id="rc_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Stalking the Angel" id="rc_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Free Fall" id="rc_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Sunset Express" id="rc_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Hostage" id="rc_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+	</item>
+	<item text="Dan Brown" id="t2_db" im0="book.gif" im1="books_open.gif" im2="book.gif">
+		<item text="Angels &amp; Demons" id="db_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Deception Point" id="db_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Digital Fortress" id="db_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="The Da Vinci Code" id="db_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Deception Point" id="db_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+	</item>
+	<item text="Joss Whedon" id="t2_jw" im0="book.gif" im1="books_open.gif" im2="book.gif">
+		<item text="Astonishing X-Men" id="jw_1" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Joss Whedon: The Genius Behind Buffy" id="jw_2" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Fray" id="jw_3" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="Tales Of The Vampires" id="jw_4" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+		<item text="The Harvest" id="jw_5" im0="book_titel.gif" im1="book_titel.gif" im2="book_titel.gif"/>
+	</item>
+</tree> 
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/blank.gif b/phpgwapi/templates/default/images/dhtmlxtree/blank.gif
new file mode 100644
index 0000000000..d7ae406713
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/blank.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/book.gif b/phpgwapi/templates/default/images/dhtmlxtree/book.gif
new file mode 100644
index 0000000000..b0ce63a9d1
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/book.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/book_titel.gif b/phpgwapi/templates/default/images/dhtmlxtree/book_titel.gif
new file mode 100644
index 0000000000..31c916d065
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/book_titel.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/books_close.gif b/phpgwapi/templates/default/images/dhtmlxtree/books_close.gif
new file mode 100644
index 0000000000..e4bd9d6fe2
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/books_close.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/books_open.gif b/phpgwapi/templates/default/images/dhtmlxtree/books_open.gif
new file mode 100644
index 0000000000..020ce728c0
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/books_open.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/btn_up1.gif b/phpgwapi/templates/default/images/dhtmlxtree/btn_up1.gif
new file mode 100644
index 0000000000..dd7675fd62
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/btn_up1.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/btn_up2.gif b/phpgwapi/templates/default/images/dhtmlxtree/btn_up2.gif
new file mode 100644
index 0000000000..a7837e0f7f
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/btn_up2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/close2.gif b/phpgwapi/templates/default/images/dhtmlxtree/close2.gif
new file mode 100644
index 0000000000..94c267d5b9
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/close2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/folderClosed.gif b/phpgwapi/templates/default/images/dhtmlxtree/folderClosed.gif
new file mode 100644
index 0000000000..1ebe3c977b
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/folderClosed.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/folderOpen.gif b/phpgwapi/templates/default/images/dhtmlxtree/folderOpen.gif
new file mode 100644
index 0000000000..c193e869f1
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/folderOpen.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconCheckAll.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconCheckAll.gif
new file mode 100644
index 0000000000..d90899259b
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconCheckAll.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconCheckGray.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconCheckGray.gif
new file mode 100644
index 0000000000..cb54c0a8f3
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconCheckGray.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconClient.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconClient.gif
new file mode 100644
index 0000000000..95b3b75913
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconClient.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconDeleteSelected.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconDeleteSelected.gif
new file mode 100644
index 0000000000..1fd762b44d
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconDeleteSelected.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconJob.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconJob.gif
new file mode 100644
index 0000000000..c073898e99
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconJob.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconReport.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconReport.gif
new file mode 100644
index 0000000000..bdcc6a54da
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconReport.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconTask.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconTask.gif
new file mode 100644
index 0000000000..a43d60d2be
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconTask.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconTimeRecordsEdit.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconTimeRecordsEdit.gif
new file mode 100644
index 0000000000..1ca8341d26
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconTimeRecordsEdit.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/iconUnCheckAll.gif b/phpgwapi/templates/default/images/dhtmlxtree/iconUnCheckAll.gif
new file mode 100644
index 0000000000..5e54ec5995
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/iconUnCheckAll.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/item.gif b/phpgwapi/templates/default/images/dhtmlxtree/item.gif
new file mode 100644
index 0000000000..56c0221a0d
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/item.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/item2.gif b/phpgwapi/templates/default/images/dhtmlxtree/item2.gif
new file mode 100644
index 0000000000..47274d09f3
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/item2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/leaf.gif b/phpgwapi/templates/default/images/dhtmlxtree/leaf.gif
new file mode 100644
index 0000000000..1cf40f1e0c
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/leaf.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/line1.gif b/phpgwapi/templates/default/images/dhtmlxtree/line1.gif
new file mode 100644
index 0000000000..60f2ccb26e
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/line1.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/line2.gif b/phpgwapi/templates/default/images/dhtmlxtree/line2.gif
new file mode 100644
index 0000000000..f2d7bdd506
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/line2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/line3.gif b/phpgwapi/templates/default/images/dhtmlxtree/line3.gif
new file mode 100644
index 0000000000..d718be218f
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/line3.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/line4.gif b/phpgwapi/templates/default/images/dhtmlxtree/line4.gif
new file mode 100644
index 0000000000..29285e5986
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/line4.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/magazines_close.gif b/phpgwapi/templates/default/images/dhtmlxtree/magazines_close.gif
new file mode 100644
index 0000000000..513c01a006
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/magazines_close.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/magazines_open.gif b/phpgwapi/templates/default/images/dhtmlxtree/magazines_open.gif
new file mode 100644
index 0000000000..fcda411c79
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/magazines_open.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus.gif
new file mode 100644
index 0000000000..ef04a54696
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus2.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus2.gif
new file mode 100644
index 0000000000..0372294cb9
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus3.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus3.gif
new file mode 100644
index 0000000000..d928af6394
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus3.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus4.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus4.gif
new file mode 100644
index 0000000000..30bc7deecb
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus4.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus5.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus5.gif
new file mode 100644
index 0000000000..e2e30fcb24
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus5.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/minus_ar.gif b/phpgwapi/templates/default/images/dhtmlxtree/minus_ar.gif
new file mode 100644
index 0000000000..4428ba1500
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/minus_ar.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/open2.gif b/phpgwapi/templates/default/images/dhtmlxtree/open2.gif
new file mode 100644
index 0000000000..7d8f2f8ba0
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/open2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus.gif
new file mode 100644
index 0000000000..abb84bdfbf
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus2.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus2.gif
new file mode 100644
index 0000000000..ea2816efce
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus2.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus3.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus3.gif
new file mode 100644
index 0000000000..cd6967e52b
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus3.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus4.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus4.gif
new file mode 100644
index 0000000000..185bd9b704
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus4.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus5.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus5.gif
new file mode 100644
index 0000000000..72fe4e577f
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus5.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/plus_ar.gif b/phpgwapi/templates/default/images/dhtmlxtree/plus_ar.gif
new file mode 100644
index 0000000000..d2fcaf0120
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/plus_ar.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/tombs.gif b/phpgwapi/templates/default/images/dhtmlxtree/tombs.gif
new file mode 100644
index 0000000000..25131eeeb6
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/tombs.gif differ
diff --git a/phpgwapi/templates/default/images/dhtmlxtree/tombs_mag.gif b/phpgwapi/templates/default/images/dhtmlxtree/tombs_mag.gif
new file mode 100644
index 0000000000..b58e29a1e4
Binary files /dev/null and b/phpgwapi/templates/default/images/dhtmlxtree/tombs_mag.gif differ
diff --git a/xajax.php b/xajax.php
new file mode 100644
index 0000000000..69e9e0dfd5
--- /dev/null
+++ b/xajax.php
@@ -0,0 +1,62 @@
+<?php
+	/**************************************************************************\
+	* eGroupWare xmlhttp server                                                *
+	* http://www.egroupware.org                                                *
+	* This file written by Lars Kneschke <lkneschke@egroupware.org>            *
+	* --------------------------------------------                             *
+	*  This program is free software; you can redistribute it and/or modify it *
+	*  under the terms of the GNU General Public License as published by the   *
+	*  Free Software Foundation; either version 2 of the License.              *
+	\**************************************************************************/
+
+	/* $Id$ */
+	/* $Source$ */
+
+	require_once('./phpgwapi/inc/xajax.inc.php');
+
+	function doXMLHTTP()
+	{
+		$numargs = func_num_args(); 
+		if($numargs < 1) 
+			return false;
+
+		$argList	= func_get_args();
+		$arg0		= array_shift($argList);
+			
+		list($appName, $className, $functionName) = explode('.',$arg0);
+		
+		if(substr($className,0,4) != 'ajax')
+		{
+			// stopped for security reasons
+			error_log($_SERVER["PHP_SELF"]. ' stopped for security reason. className '.$className.' is not valid. className must start with ajax!!!');
+			exit;
+		}
+		
+		$GLOBALS['egw_info'] = array();
+		$GLOBALS['egw_info']['flags'] = array(
+			'currentapp'			=> $appName,
+			'noheader'			=> True,
+			'disable_Template_class'	=> True,
+		);
+		
+		include('./header.inc.php');
+	
+		$sessionid	= get_var('sessionid',array('COOKIE','GET'));
+		$kp3		= get_var('kp3',array('COOKIE','GET'));
+	
+		// the session has been created already
+		// the browser is sending all needed egroupware cookies
+		if($GLOBALS['phpgw']->session->verify($sessionid,$kp3))
+		{
+			
+			$ajaxClass = CreateObject("$appName.$className");
+			
+			return call_user_func_array(array(&$ajaxClass, $functionName), $argList );
+			
+		}
+	}
+	
+	$xajax = new xajax($_SERVER["PHP_SELF"]);
+	$xajax->registerFunction("doXMLHTTP");	
+	$xajax->processRequests();
+?>