diff --git a/phpgwapi/js/egw_action/egw_action.js b/phpgwapi/js/egw_action/egw_action.js
new file mode 100644
index 0000000000..8653efe7fa
--- /dev/null
+++ b/phpgwapi/js/egw_action/egw_action.js
@@ -0,0 +1,474 @@
+/**
+ * eGroupWare egw_action framework - egw action framework
+ *
+ * @link http://www.egroupware.org
+ * @author Andreas Stöckel <as@stylite.de>
+ * @copyright 2011 by Andreas Stöckel
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package egw_action
+ * @version $Id:$
+ */
+
+// XXX WARNING: UNTESTED, UNFINISHED, NOT (YET) WORKING CODE! XXX
+
+/** egwActionHandler Interface **/
+
+/**
+ * Constructor for the egwActionHandler interface which (at least) should have the
+ * execute function implemented.
+ */
+function egwActionHandler(_executeEvent)
+{
+	//Copy the executeEvent parameter
+	this.execute = _executeEvent;
+}
+
+
+/** egwAction Object **/
+
+/**
+ * Associative array where action classes may register themselves
+ */
+var _egwActionClasses =
+	{
+		"default":
+		{
+			"actionConstructor": egwAction,
+			"implementationConstructor": null
+		}
+	}
+
+function egwAction(_id, _handler, _caption, _icon, _onExecute, _allowOnMultiple)
+{
+	//Default and check the values
+	if (typeof _id != "string" || !_id)
+		throw "egwAction _id must be a non-empty string!";
+	if (typeof _handler == "undefined")
+		this.handler = null;
+	if (typeof _label == "undefined")
+		_label = "";
+	if (typeof _icon == "undefined")
+		_icon = "";
+	if (typeof _onExecute == "undefined")
+		_onExecute = null;
+	if (typeof _allowOnMultiple == "undefined")
+		_allowOnMultiple = true;
+
+	this.id = _id;
+	this.caption = _caption;
+	this.icon = _icon;
+	this.allowOnMultiple = _allowOnMultiple;
+	this.type = "default"; //All derived classes have to override this!
+
+	this.execJSFnct = null;
+	this.execHandler = false;
+	this.set_onExecute(_onExecute);
+}
+
+/**
+ * Executes this action by using the method specified in the onExecute setter.
+ *
+ * @param array_senders array with references to the objects which caused the action
+ * //TODO: With DragDrop we don't only have senders but also one(!) target.
+ */
+egwAction.prototype.execute = function(_senders)
+{
+	if (this.execJSFnct && typeof this.execJSFnct == "function")
+	{
+		this.execJSFnct(this, _senders);
+	}
+	else if (this.execHandler)
+	{
+		this.handler.execute(this, _senders);
+	}
+}
+
+/**
+ * The set_onExecute function is the setter function for the onExecute event of
+ * the egwAction object. There are three possible types the passed "_value" may
+ * take:
+ *	1. _value may be a string with the word "javaScript:" prefixed. The function
+ *	   which is specified behind the colon and which has to be in the global scope
+ *	   will be executed.
+ *	2. _value may be a boolean, which specifies whether the external onExecute handler
+ *	   (passed as "_handler" in the constructor) will be used.
+ *	3. _value may be a JS functino which will then be called.
+ * In all possible situation, the called function will get the following parameters:
+ * 	1. A reference to this action
+ * 	2. The senders, an array of all objects (JS)/object ids (PHP) which evoked the event
+ */ 
+egwAction.prototype.set_onExecute(_value)
+{
+	//Reset the onExecute handlers
+	this.execJSFnct = null;
+	this.execHandler = false;
+
+	if (typeof _value == "string")
+	{
+		// Check whether the given string contains a javaScript function which
+		// should be called upon executing the action
+		if (_value.substr(0, 11) == "javaScript:")
+		{
+			//Check whether the given function exists
+			var fnct = _value.substr(11);
+			if (typeof window[fnct] == "function")
+			{
+				this.execJSFnct = window[fnct];
+			}
+		}
+	}
+	else if (typeof _value == "boolean")
+	{
+		// There is no direct reference to the PHP code which should be executed,
+		// as the PHP code has knowledge about this.
+		this.execHandler = _value;
+	}
+	else if (typeof _value == "function")
+	{
+		//The JS function has been passed directly
+		this.execJSFnct = _value;
+	}
+}
+
+egwAction.prototype.set_caption(_value)
+{
+	this.caption = _value;
+}
+
+egwAction.prototype.set_icon(_value)
+{
+	this.icon = _value;
+}
+
+egwAction.prototype.set_allowOnMultiple(_value)
+{
+	this.allowOnMultiple = _value;
+}
+
+
+/** egwActionManager Object **/
+
+/**
+ * egwActionManager manages a list of actions, provides functions to add new
+ * actions or to update them via JSON.
+ */
+function egwActionManager(_handler)
+{
+	//Preset the handler parameter to null
+	if (typeof _handler == "undefined")
+		_handler = null;
+
+	this.handler = _handler;
+	this.actions = [];
+}
+
+egwActionManager.prototype.addAction = function(_type, _id, _caption, _icon,
+	_onExecute, _allowOnMultiple)
+{
+	//Get the constructor for the given action type
+	if (!_type)
+		_type = "default";
+	var constructor = _egwActionClasses[_type].actionConstructor;
+
+	if (typeof constructor == "function")
+	{
+		var action = new constructor(_id, this.handler, _caption, _icon, _onExecute,
+			_allowOnMultiple);
+		this.actions.push[action];
+
+		return action;
+	}
+	else
+		throw "Given action type not registered.";
+}
+
+egwActionManager.prototype.updateActions = function(_actions)
+{
+	for (var i = 0 ; i < _actions.length; i++)
+	{
+		//Check whether the given action is already part of this action manager instance
+		var elem = _actions[i];
+		if (typeof elem == "object" && typeof elem.id == "string" && elem.id)
+		{
+			//Check whether the action already exists, and if no, add it to the
+			//actions list
+			var action = this.getAction(elem.id);
+			if (!action)
+			{
+				if (typeof elem.type == "undefined")
+					elem.type = "default";
+
+				var constructor = _egwActionClasses[elem.type].actionConstructor;
+
+				if (typeof constructor == "function")
+					action = new constructor(elem.id, this.handler);
+				else
+					throw "Given action type not registered.";
+
+				this.actions.push(action);
+			}
+
+			//Update the actions by calling the corresponding setter functions
+			//TODO: Hirachical actions will need a reference to their parent -
+			//      this parent is has to be translated to a js object
+			//TODO: Maby the setter, JSON, update stuff should somehow be moved
+			//      to a own base class.
+			egwActionStoreJSON(elem, action, true);
+		}
+	}
+}
+
+egwActionManager.prototype.getAction = function(_id)
+{
+	for (var i = 0; i < this.actions.length; i++)
+	{
+		if (this.actions[i].id == _id)
+			return this.actions[i];
+	}
+
+	return null;
+}
+
+
+/** egwActionImplementation Interface **/
+
+/**
+ * Abstract interface for the egwActionImplementation object. The egwActionImplementation
+ * object is responsible for inserting the actual action representation (context menu,
+ * drag-drop code) into the DOM Tree by using the egwActionObjectInterface object
+ * supplied by the object.
+ * To write a "class" which derives from this object, simply write a own constructor,
+ * which replaces "this" with a "new egwActionImplementation" and implement your
+ * code in "doRegisterAction" und "doUnregisterAction".
+ * Register your own implementation within the _egwActionClasses object.
+ *
+ * @param object _action is the parent egwAction object for that instance.
+ */
+function egwActionImplementation(_action)
+{
+	this.action = _action;
+
+	this.doRegisterAction = null;
+	this.doUnregisterAction = null;
+}
+
+/**
+ * Injects the implementation code into the DOM tree by using the supplied 
+ * actionObjectInterface.
+ *
+ * @returns true if the Action had been successfully registered, false if it
+ * 	had not.
+ */
+egwActionImplementation.registerAction = function(_actionObjectInterface)
+{
+	if (this.doRegisterAction == null)
+	{
+		throw "Abstract function call: registerAction";
+	}
+	else
+	{
+		return this.doRegisterAction(_action, _actionObjectInterface);
+	}
+}
+
+/**
+ * Unregister action will be called before an actionObjectInterface is destroyed,
+ * which gives the egwActionImplementation the opportunity to remove the previously
+ * injected code.
+ *
+ * @returns true if the Action had been successfully unregistered, false if it
+ * 	had not.
+ */
+egwActionImplementation.unregisterAction = function(_actionObjectInterface)
+{
+	if (this.doUnregisterAction == null)
+	{
+		throw "Abstract function call: unregisterAction";
+	}
+	else
+	{
+		return this.doUnregisterAction(_action, _actionObjectInterface);
+	}
+}
+
+
+/** egwActionLink Object **/
+
+/**
+ * The egwActionLink is used to interconnect egwActionObjects and egwActions.
+ * This gives each action object the possibility to decide, whether the action
+ * should be active in this context or not.
+ *
+ * @param _manager is a reference to the egwActionManager whic contains the action
+ * 	the object wants to link to.
+ */
+function egwActionLink(_manager)
+{
+	this.enabled = true;
+	this.actionId = "";
+	this.actionObj = null;
+	this.manager = _manager;
+}
+
+egwActionLink.prototype.updateLink = function (_data)
+{
+	egwActionStoreJSON(_data, this, true);
+}
+
+egwActionLink.prototype.set_enabled = function(_value)
+{
+	this.enabled = _value;
+}
+
+egwActionLink.prototype.set_actionId = function(_value)
+{
+	this.actionId = _value;
+	this.actionObj = this.manager.getAction(_value);
+
+	if (!this.actionObj)
+		throw "Given action object does not exist!"
+}
+
+
+/** egwActionObject Object **/
+
+/**
+ * The egwActionObject represents an abstract object to which actions may be
+ * applied. Communication with the DOM tree is established by using the
+ * egwActionObjectInterface (AOI), which is passed in the constructor.
+ * egwActionObjects are organized in a tree structure.
+ *
+ * @param string _id is the identifier of the object which
+ * @param object _parent is the parent object in the hirachy. This may be set to NULL
+ * @param object _manager is the action manager this object is connected to
+ * @param object _interaction is the egwActionObjectInterface which connects
+ * 	this object to the DOM tree.
+ */
+function egwActionObject(_id, _parent, _manager, _interaction)
+{
+	this.id = _id;
+	this.parent = _parent;
+	this.interaction = _interaction;
+	this.children = [];
+	this.actionLinks = [];
+	this.manager = _manager;
+}
+
+/**
+ * Updates the actionLinks of the given ActionObject.
+ *
+ * @param array _actionLinks contains the information about the actionLinks which
+ * 	should be updated as an array of objects. Example
+ * 	[
+ * 		{
+ * 			"actionId": "file_delete",
+ * 			"enabled": true
+ * 		}
+ * 	]
+ * 	If an supplied link doesn't exist yet, it will be created (if _doCreate is true)
+ * 	and added to the list. Otherwise the information will just be updated.
+ * @param boolean _recursive If true, the settings will be applied to all child
+ * 	object (default false)
+ * @param boolean _doCreate If true, not yet existing links will be created (default true)
+ */
+egwActionObject.prototype.updateActionLinks = function(_actionLinks, _recursive, _doCreate)
+{
+	if (typeof _recursive == "undefined")
+		_recursive = false;
+	if (typeof _doCreate == "undefined")
+		_doCreate = true;
+
+	for (var i = 0; i < _actionLinks.length; i++)
+	{
+		var elem = _actionLinks[i];
+		if (typeof elem.actionId != "undefined" && elem.actionId)
+		{
+			//Get the action link object, if it doesn't exists yet, create it
+			var actionLink = this.getActionLink(elem.actionId);
+			if (!actionLink && _doCreate)
+			{
+				actionLink = new egwActionLink(this.manager);
+			}
+
+			//Set the supplied data
+			if (actionLink)
+			{
+				actionLink.updateLink(elem);
+			}
+		}
+	}
+
+	if (_recursive)
+	{
+		for (var i = 0; i < this.children.length; i++)
+		{
+			this.children[i].updateActionLinks(_actionLinks, true, _doCreate);
+		}
+	}
+}
+
+/**
+ * Returns the action link, which contains the association to the action with
+ * the given actionId.
+ *
+ * @param string _actionId name of the action associated to the link
+ */
+egwActionObject.prototype.getActionLink = function(_actionId)
+{
+	for (var i = 0; i < this.actionLinks.length; i++)
+	{
+		if (this.actionLinks[i].actionObj.id == _actionId)
+		{
+			return this.actionLinks[i];
+		}
+	}
+
+	return null;
+}
+
+/**
+ * Returns all actions associated to the object tree, grouped by type.
+ *
+ * @param function _test gets an egwActionObject and should return, whether the
+ * 	actions of this object are added to the result. Defaults to a "always true"
+ * 	function.
+ * @param object _groups is an internally used parameter, may be omitted.
+ */
+egwActionObject.prototype.getActionImplementationGroups = function(_test, _groups)
+{
+	// If the _groups parameter hasn't been given preset it to an empty object
+	// (associative array).
+	if (typeof _groups == "undefined")
+		_groups = {};
+	if (typeof _test == "undefined")
+		_test = function(_obj) {return true};
+
+	for (var i = 0; i < this.actionLinks.length; i++)
+	{
+		var action = this.actionsLink[i].actionObj;
+		if (typeof action != "undefined" && _test(this))
+		{
+			if (typeof _groups[action.type] == "undefined")
+			{
+				_groups[action.type] = [];
+			}
+
+			_groups[action.type].push(
+				{
+					"object": this,
+					"link": this.actionLinks[i]
+				}
+			);
+		}
+	}
+
+	// Recursively add the actions of the children to the result (as _groups is)
+	// a object, only the reference is passed.
+	for (var i = 0; i < this.children.length; i++)
+	{
+		this.children[i].getActionImplementationGroups(_test, _groups);
+	}
+
+	return _groups;
+}
+
diff --git a/phpgwapi/js/egw_action/egw_action_common.js b/phpgwapi/js/egw_action/egw_action_common.js
new file mode 100644
index 0000000000..4fe02a2e61
--- /dev/null
+++ b/phpgwapi/js/egw_action/egw_action_common.js
@@ -0,0 +1,39 @@
+/**
+ * eGroupWare egw_action framework - egw action framework
+ *
+ * @link http://www.egroupware.org
+ * @author Andreas Stöckel <as@stylite.de>
+ * @copyright 2011 by Andreas Stöckel
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package egw_action
+ * @version $Id:$
+ */
+
+/**
+ * Sets properties given in _data in _obj. Checks whether the property keys
+ * exists and if corresponding setter functions are available. Properties starting
+ * with "_" are ignored.
+ *
+ * @param object _data may be an object with data that will be stored inside the
+ * 	given object.
+ * @param object _obj is the object where the data will be stored.
+ */
+function egwActionStoreJSON(_data, _obj, _setterOnly)
+{
+	for (key in _data)
+	{
+		if (key.charAt(0) != '_')
+		{
+			//Check whether there is a setter function available
+			if (typeof _obj['set_' + key] == "function")
+			{
+				_obj['set_' + key](_data[key]);
+			}
+			else if (typeof _obj[key] != "undefined" && !_setterOnly)
+			{
+				_obj[key] = _data[key];
+			}
+		}
+	}
+}
+
diff --git a/phpgwapi/js/egw_action/egw_menu.js b/phpgwapi/js/egw_action/egw_menu.js
new file mode 100644
index 0000000000..55535589f3
--- /dev/null
+++ b/phpgwapi/js/egw_action/egw_menu.js
@@ -0,0 +1,377 @@
+/**
+ * eGroupWare egw_action framework - JS Menu abstraction
+ *
+ * @link http://www.egroupware.org
+ * @author Andreas Stöckel <as@stylite.de>
+ * @copyright 2011 by Andreas Stöckel
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package egw_action
+ * @version $Id:$
+ */
+
+//Global variable which is used to store the currently active menu so that it
+//may be closed when another menu openes
+var _egw_active_menu = null;
+
+/**
+ * Internal function which generates a menu item with the given parameters as used
+ * in e.g. the egwMenu.addItem function.
+ */
+//TODO Icons: write PHP GD script which is cabable of generating the menu icons in various states (disabled, highlighted)
+function _egwGenMenuItem(_parent, _id, _label, _iconUrl, _onClick)
+{
+	//Preset the parameters
+	if (typeof _parent == "undefined")
+		_parent = null;
+	if (typeof _id == "undefined")
+		_id = "";
+	if (typeof _label == "undefined")
+		_label = "";
+	if (typeof _iconUrl == "undefined")
+		_iconUrl = "";
+	if (typeof _onClick == "undefined")
+		_onClick = null;
+
+	//Create a menu item with no parent (null) and set the given parameters
+	var item = new egwMenuItem(_parent, _id);
+	item.set_caption(_label);
+	item.set_iconUrl(_iconUrl);
+	item.set_onClick(_onClick);
+
+	return item;
+}
+
+/**
+ * Internal function which parses the given menu tree in _elements and adds the 
+ * elements to the given parent.
+ */
+function _egwGenMenuStructure(_elements, _parent)
+{
+	var items = [];
+
+	//Go through each object in the elements array
+	for (var i = 0; i < _elements.length; i++)
+	{
+		//Go through each key of the current object
+		var obj = _elements[i];
+		var item = new egwMenuItem(_parent, null);
+		for (key in obj)
+		{
+			if (key == "children" && obj[key].constructor === Array)
+			{
+				//Recursively load the children.
+				item.children = _egwGenMenuStructure(obj[key], item);
+			}
+			else
+			{
+				//Directly set the other keys
+				//TODO Sanity neccessary checks here?
+				//TODO Implement menu item getters?
+				if (key == "id" || key == "caption" || key == "iconUrl" ||
+				    key == "checkbox" || key == "checked" || key == "groupIndex" ||
+				    key == "enabled" || key == "default" || key == "onClick")
+				{
+					item['set_' + key](obj[key]);
+				}
+			}
+		}
+
+		items.push(item);
+	}
+
+	return items;
+}
+
+/**
+ * Internal function which searches for the given ID inside an element tree.
+ */
+function _egwSearchMenuItem(_elements, _id)
+{
+	for (var i = 0; i < _elements.length; i++)
+	{
+		if (_elements[i].id === _id)
+			return _elements[i];
+
+		var item = _egwSearchMenuItem(_elements[i].children, _id);
+		if (item)
+			return item;
+	}
+
+	return null;
+}
+
+/**
+ * Internal function which alows to set the onClick handler of multiple menu items
+ */
+function _egwSetMenuOnClick(_elements, _onClick)
+{
+	for (var i = 0; i < _elements.length; i++)
+	{
+		if (_elements[i].onClick === null)
+		{
+			_elements[i].onClick = _onClick;
+		}
+		_egwSetMenuOnClick(_elements[i].children, _onClick);
+	}
+}
+
+/**
+ * Constructor for the egwMenu object. The egwMenu object is a abstract representation
+ * of a context/popup menu. The actual generation of the menu can by done by so
+ * called menu implementations. Those are activated by simply including the JS file
+ * of such an implementation.
+ *
+ * The currently available implementation is the "egwDhtmlxMenu.js" which is based
+ * upon the dhtmlxmenu component.
+ */
+function egwMenu()
+{
+	//The "items" variable contains all menu items of the menu
+	this.children = [];
+
+	//The "instance" variable contains the currently opened instance. There may
+	//only be one instance opened at a time.
+	this.instance = null;
+}
+
+/**
+ * The private _checkImpl function checks whether a menu implementation is available.
+ *
+ * @returns bool whether a menu implemenation is available.
+ */
+egwMenu.prototype._checkImpl = function()
+{
+	return typeof egwMenuImpl == 'function';
+}
+
+/**
+ * The showAtElement function shows the menu at the given screen position in an
+ * (hopefully) optimal orientation. There can only be one instance of the menu opened at
+ * one time and the menu implementation should care that there is only one menu
+ * opened globaly at all.
+ *
+ * @param int _x is the x position at which the menu will be opened
+ * @param int _y is the y position at which the menu will be opened
+ * @param bool _force if true, the menu will be reopened at the given position,
+ * 	even if it already had been opened. Defaults to false.
+ * @returns bool whether the menu had been opened
+ */
+egwMenu.prototype.showAt = function(_x, _y, _force)
+{
+	if (typeof _force == "undefined")
+		_force = false;
+
+	//Hide any other currently active menu
+	if (_egw_active_menu != null)
+	{
+		if (_egw_active_menu == this && !_force)
+		{
+			this.hide();
+			return false;
+		}
+		else
+		{
+			_egw_active_menu.hide();
+		}
+	}
+
+	if (this.instance == null && this._checkImpl)
+	{
+		//Obtain a new egwMenuImpl object and pass this instance to it
+		this.instance = new egwMenuImpl(this.children);
+
+		_egw_active_menu = this;
+
+		var self = this;
+		this.instance.showAt(_x, _y, function() {
+			self.instance = null;
+			_egw_active_menu = null;
+		});
+		return true;
+	}
+
+	return false;
+}
+
+/**
+ * Hides the menu if it is currently opened. Otherwise nothing happenes.
+ */
+egwMenu.prototype.hide = function()
+{
+	//Reset the currently active menu variable
+	if (_egw_active_menu == this)
+		_egw_active_menu = null;
+
+	//Check whether an currently opened instance exists. If it does, close it.
+	if (this.instance != null)
+	{
+		this.instance.hide();
+		this.instance = null;
+	}
+}
+
+/**
+ * Adds a new menu item to the list and returns a reference to that object.
+ *
+ * @param string _id is a unique identifier of the menu item. You can use the
+ * 	the getItem function to search a specific menu item inside the menu tree. The
+ * 	id may also be false, null or "", which makes sense for items like seperators,
+ * 	which you don't want to access anymore after adding them to the menu tree.
+ * @param string _label is the label of the newly generated menu item. Set the label
+ * 	to "-" in order to create a sperator.
+ * @param string _iconUrl is the URL of the icon which should be prepended to the
+ * 	menu item. It may be false, null or "" if you don't want a icon to be displayed.
+ * @param function _onClick is the JS function which is being executed when the
+ * 	menu item is clicked.
+ * @returns egwMenuItem the newly generated menu item, which had been appended to the
+ * 	menu item list.
+ */
+egwMenu.prototype.addItem = function(_id, _label, _iconUrl, _onClick)
+{
+	//Append the item to the list
+	var item = _egwGenMenuItem(this, _id, _label, _iconUrl, _onClick);
+	this.children.push(item);
+
+	return item;
+}
+
+/**
+ * Removes all elements fromt the menu structure.
+ */
+egwMenu.prototype.clear = function()
+{
+	this.children = [];
+}
+
+/**
+ * Loads the menu structure from the given object tree. The object tree is an array
+ * of objects which may contain a subset of the menu item properties. The "children"
+ * property of such an object is interpreted as a new sub-menu tree and appended
+ * to that child.
+ *
+ * @param array _elements is a array of elements which should be added to the menu
+ */
+egwMenu.prototype.loadStructure = function(_elements)
+{
+	this.children = _egwGenMenuStructure(_elements, this);
+}
+
+/**
+ * Searches for the given item id within the element tree.
+ */
+egwMenu.prototype.getItem = function(_id)
+{
+	return _egwSearchMenuItem(this.children, _id);
+}
+
+/**
+ * Applies the given onClick handler to all menu items which don't have a clicked
+ * handler assigned yet.
+ */
+egwMenu.prototype.setGlobalOnClick = function(_onClick)
+{
+	_egwSetMenuOnClick(this.children, _onClick);
+}
+
+/**
+ * Constructor for the egwMenuItem. Each entry in a menu (including seperators)
+ * is represented by a menu item.
+ */
+function egwMenuItem(_parent, _id)
+{
+	this.id = _id;
+	this.caption = "";
+	this.checkbox = false;
+	this.checked = false;
+	this.groupIndex = 0;
+	this.enabled = true;
+	this.iconUrl = "";
+	this.onClick = null;
+	this.default = false;
+
+	this.children = [];
+	this.parent = _parent;
+}
+
+/**
+ * Searches for the given item id within the element tree.
+ */
+egwMenuItem.prototype.getItem = function(_id)
+{
+	if (this.id === _id)
+		return this;
+
+	return _egwSearchMenuItem(this.children, _id);
+}
+
+/**
+ * Applies the given onClick handler to all menu items which don't have a clicked
+ * handler assigned yet.
+ */
+egwMenuItem.prototype.setGlobalOnClick = function(_onClick)
+{
+	this.onClick = _onClick;
+	_egwSetMenuOnClick(this.children, _onClick);
+}
+
+//Setter functions for the menuitem properties
+
+egwMenuItem.prototype.set_id = function(_value)
+{
+	this.id = _value;
+}
+
+egwMenuItem.prototype.set_caption = function(_value)
+{
+	//A value of "-" means that this element is a seperator.
+	this.caption = _value;
+}
+
+egwMenuItem.prototype.set_checkbox = function(_value)
+{
+	this.checkbox = _value;
+}
+
+egwMenuItem.prototype.set_checked = function(_value)
+{
+	if (_value && this.groupIndex > 0)
+	{
+		//Uncheck all other elements in this radio group
+		for (var i = 0; i < this.parent.children.length; i++)
+		{
+			var obj = this.parent.children[i];
+			if (obj.groupIndex == this.groupIndex)
+				obj.checked = false;
+		}
+	}
+	this.checked = _value;
+}
+
+egwMenuItem.prototype.set_groupIndex = function(_value)
+{
+	//If groupIndex is greater than 0 and the element is a checkbox, it is
+	//treated like a radio box
+	this.groupIndex = _value;
+}
+
+egwMenuItem.prototype.set_enabled = function(_value)
+{
+	this.enabled = _value;
+}
+
+egwMenuItem.prototype.set_onClick = function(_value)
+{
+	this.onClick = _value;
+}
+
+egwMenuItem.prototype.set_iconUrl = function(_value)
+{
+	this.iconUrl = _value;
+}
+
+egwMenuItem.prototype.set_default = function(_value)
+{
+	this.default = _value;
+}
+
+
diff --git a/phpgwapi/js/egw_action/egw_menu_dhtmlx.js b/phpgwapi/js/egw_action/egw_menu_dhtmlx.js
new file mode 100644
index 0000000000..c0bb6fece3
--- /dev/null
+++ b/phpgwapi/js/egw_action/egw_menu_dhtmlx.js
@@ -0,0 +1,147 @@
+/**
+ * eGroupWare egw_action framework - JS Menu abstraction
+ *
+ * @link http://www.egroupware.org
+ * @author Andreas Stöckel <as@stylite.de>
+ * @copyright 2011 by Andreas Stöckel
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package egw_action
+ * @version $Id:$
+ */
+
+function egwMenuImpl(_structure)
+{
+	//Create a new dhtmlxmenu object
+	this.dhtmlxmenu = new dhtmlXMenuObject();
+	this.dhtmlxmenu.setSkin("egw");
+	this.dhtmlxmenu.renderAsContextMenu();
+
+	var self = this;
+
+	//Attach the simple click handler
+	this.dhtmlxmenu.attachEvent("onClick", function(id) {
+		if (id)
+		{
+			var elem = self.dhtmlxmenu.getUserData(id, 'egw_menu');
+			if (elem && elem.onClick)
+			{
+				elem.onClick(elem);
+			}
+		}
+	});
+
+	//Attach the radiobutton click handler
+	this.dhtmlxmenu.attachEvent("onRadioClick", function(group, idChecked, idClicked, zoneId, casState) {
+		if (idClicked)
+		{
+			var elem = self.dhtmlxmenu.getUserData(idClicked, 'egw_menu');
+			if (elem)
+			{
+				elem.set_checked(true);
+			}
+		}
+
+		return true;
+	});
+
+	//Attach the radiobutton click handler
+	this.dhtmlxmenu.attachEvent("onCheckboxClick", function(id, state, zoneId, casState) {
+		if (id)
+		{
+			var elem = self.dhtmlxmenu.getUserData(id, 'egw_menu');
+			if (elem)
+			{
+				elem.set_checked(!state);
+			}
+		}
+
+		return true;
+	});
+
+
+	//Translate the given structure to the dhtmlx object structure
+	this._translateStructure(_structure, this.dhtmlxmenu.topId, 0);
+}
+
+egwMenuImpl.prototype._translateStructure = function(_structure, _parentId, _idCnt)
+{
+	//Initialize the counter which we will use to generate unique id's for all
+	//dhtmlx menu objects
+	var counter = 0;
+	var last_id = null;
+
+	for (var i = 0; i < _structure.length; i++)
+	{
+		var id = 'elem_' + (_idCnt + counter);
+		var elem = _structure[i];
+
+		counter++;
+
+		//Check whether this element is a seperator
+		if (elem.caption == '-' && last_id != null)
+		{
+			//Add the separator next to last_id with the id "id"
+			this.dhtmlxmenu.addNewSeparator(last_id, id);
+		}
+		else
+		{
+			if (elem.checkbox && elem.groupIndex === 0)
+			{
+				//Add checkbox
+				this.dhtmlxmenu.addCheckbox("child", _parentId, i, id,
+					elem.caption, elem.checked, !elem.enabled);
+			}
+			else if (elem.checkbox && elem.groupIndex > 0)
+			{
+				//Add radiobox
+				elem._dhtmlx_grpid = "grp_" + _idCnt + '_' + elem.groupIndex;
+				this.dhtmlxmenu.addRadioButton("child", _parentId, i, id,
+					elem.caption, elem._dhtmlx_grpid, elem.checked, !elem.enabled);
+			}
+			else
+			{
+				var caption = elem.caption;
+				if (elem.default)
+					caption = "<b>" + caption + "</b>"
+				this.dhtmlxmenu.addNewChild(_parentId, i, id, caption, !elem.enabled,
+					elem.iconUrl, elem.iconUrl);
+			}
+
+			if (elem.children.length > 0)
+			{
+				counter += this._translateStructure(elem.children, id, (_idCnt + counter));
+			}
+		}
+
+		//Set the actual egw menu as user data element
+		this.dhtmlxmenu.setUserData(id, 'egw_menu', elem);
+
+		var last_id = id;
+	}
+
+	return counter;
+}
+
+
+egwMenuImpl.prototype.showAt = function(_x, _y, _onHide)
+{
+	var self = this;
+
+	if (_onHide)
+	{
+		this.dhtmlxmenu.attachEvent("onHide", function(id) {
+			if (id === null)
+			{
+				_onHide();
+			}
+		});
+	}
+	this.dhtmlxmenu.showContextMenu(_x, _y);
+}
+
+egwMenuImpl.prototype.hide = function()
+{
+	this.dhtmlxmenu.hide();
+}
+
+
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_chrd.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_chrd.gif
new file mode 100644
index 0000000000..704f564ce5
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_chrd.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_loader.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_loader.gif
new file mode 100644
index 0000000000..9ef515f1e3
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_loader.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_subar.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subar.gif
new file mode 100644
index 0000000000..19fc12f356
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subar.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.gif
new file mode 100644
index 0000000000..6f9b96036c
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.png b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.png
new file mode 100644
index 0000000000..247435c0e6
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subselbg.png differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_subsepbg.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subsepbg.gif
new file mode 100644
index 0000000000..50dffd218e
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_subsepbg.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_topbg.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topbg.gif
new file mode 100644
index 0000000000..68463e8a1b
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topbg.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_topselbg.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topselbg.gif
new file mode 100644
index 0000000000..117e8e6d31
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topselbg.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_topsepbg.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topsepbg.gif
new file mode 100644
index 0000000000..c5277e3c44
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_topsepbg.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/dhxmenu_upar.gif b/phpgwapi/js/egw_action/test/imgs/dhxmenu_upar.gif
new file mode 100644
index 0000000000..e96db88500
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/dhxmenu_upar.gif differ
diff --git a/phpgwapi/js/egw_action/test/imgs/disk.png b/phpgwapi/js/egw_action/test/imgs/disk.png
new file mode 100755
index 0000000000..99d532e8b1
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/disk.png differ
diff --git a/phpgwapi/js/egw_action/test/imgs/folder.png b/phpgwapi/js/egw_action/test/imgs/folder.png
new file mode 100755
index 0000000000..784e8fa482
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/folder.png differ
diff --git a/phpgwapi/js/egw_action/test/imgs/page.png b/phpgwapi/js/egw_action/test/imgs/page.png
new file mode 100755
index 0000000000..03ddd799fa
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/page.png differ
diff --git a/phpgwapi/js/egw_action/test/imgs/wrench.png b/phpgwapi/js/egw_action/test/imgs/wrench.png
new file mode 100755
index 0000000000..5c8213fef5
Binary files /dev/null and b/phpgwapi/js/egw_action/test/imgs/wrench.png differ
diff --git a/phpgwapi/js/egw_action/test/js/dhtmlxcommon.js b/phpgwapi/js/egw_action/test/js/dhtmlxcommon.js
new file mode 100644
index 0000000000..e8144c718a
--- /dev/null
+++ b/phpgwapi/js/egw_action/test/js/dhtmlxcommon.js
@@ -0,0 +1,928 @@
+dhtmlx=function(obj){
+	for (var a in obj) dhtmlx[a]=obj[a];
+	return dhtmlx; //simple singleton
+};
+dhtmlx.extend_api=function(name,map,ext){
+	var t = window[name];
+	if (!t) return; //component not defined
+	window[name]=function(obj){
+		if (obj && typeof obj == "object" && !obj.tagName){
+			var that = t.apply(this,(map._init?map._init(obj):arguments));
+			//global settings
+			for (var a in dhtmlx)
+				if (map[a]) this[map[a]](dhtmlx[a]);			
+			//local settings
+			for (var a in obj){
+				if (map[a]) this[map[a]](obj[a]);
+				else if (a.indexOf("on")==0){
+					this.attachEvent(a,obj[a]);
+				}
+			}
+		} else
+			var that = t.apply(this,arguments);
+		if (map._patch) map._patch(this);
+		return that||this;
+	};
+	window[name].prototype=t.prototype;
+	if (ext)
+		dhtmlXHeir(window[name].prototype,ext);
+};
+
+dhtmlxAjax={
+	get:function(url,callback){
+		var t=new dtmlXMLLoaderObject(true);
+		t.async=(arguments.length<3);
+		t.waitCall=callback;
+		t.loadXML(url)
+		return t;
+	},
+	post:function(url,post,callback){
+		var t=new dtmlXMLLoaderObject(true);
+		t.async=(arguments.length<4);
+		t.waitCall=callback;
+		t.loadXML(url,true,post)
+		return t;
+	},
+	getSync:function(url){
+		return this.get(url,null,true)
+	},
+	postSync:function(url,post){
+		return this.post(url,post,null,true);		
+	}
+}
+
+/**
+  *     @desc: xmlLoader object
+  *     @type: private
+  *     @param: funcObject - xml parser function
+  *     @param: object - jsControl object
+  *     @param: async - sync/async mode (async by default)
+  *     @param: rSeed - enable/disable random seed ( prevent IE caching)
+  *     @topic: 0
+  */
+function dtmlXMLLoaderObject(funcObject, dhtmlObject, async, rSeed){
+	this.xmlDoc="";
+
+	if (typeof (async) != "undefined")
+		this.async=async;
+	else
+		this.async=true;
+
+	this.onloadAction=funcObject||null;
+	this.mainObject=dhtmlObject||null;
+	this.waitCall=null;
+	this.rSeed=rSeed||false;
+	return this;
+};
+/**
+  *     @desc: xml loading handler
+  *     @type: private
+  *     @param: dtmlObject - xmlLoader object
+  *     @topic: 0
+  */
+dtmlXMLLoaderObject.prototype.waitLoadFunction=function(dhtmlObject){
+	var once = true;
+	this.check=function (){
+		if ((dhtmlObject)&&(dhtmlObject.onloadAction != null)){
+			if ((!dhtmlObject.xmlDoc.readyState)||(dhtmlObject.xmlDoc.readyState == 4)){
+				if (!once)
+					return;
+
+				once=false; //IE 5 fix
+				if (typeof dhtmlObject.onloadAction == "function")
+					dhtmlObject.onloadAction(dhtmlObject.mainObject, null, null, null, dhtmlObject);
+
+				if (dhtmlObject.waitCall){
+					dhtmlObject.waitCall.call(this,dhtmlObject);
+					dhtmlObject.waitCall=null;
+				}
+			}
+		}
+	};
+	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, oldObj){
+	if (this.xmlDoc.responseXML){
+		var temp = this.xmlDoc.responseXML.getElementsByTagName(tagName);
+		if(temp.length==0 && tagName.indexOf(":")!=-1)
+			var temp = this.xmlDoc.responseXML.getElementsByTagName((tagName.split(":"))[1]);
+		var z = temp[0];
+	} else
+		var z = this.xmlDoc.documentElement;
+
+	if (z){
+		this._retry=false;
+		return z;
+	}
+
+	if ((_isIE)&&(!this._retry)){
+		//fall back to MS.XMLDOM
+		var xmlString = this.xmlDoc.responseText;
+		var oldObj = this.xmlDoc;
+		this._retry=true;
+		this.xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
+		this.xmlDoc.async=false;
+		this.xmlDoc["loadXM"+"L"](xmlString);
+
+		return this.getXMLTopNode(tagName, oldObj);
+	}
+	dhtmlxError.throwError("LoadXML", "Incorrect XML", [
+		(oldObj||this.xmlDoc),
+		this.mainObject
+	]);
+
+	return document.createElement("DIV");
+};
+
+/**
+  *     @desc: load XML from string
+  *     @type: private
+  *     @param: xmlString - xml string
+  *     @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.async=this.async;
+			this.xmlDoc["loadXM"+"L"](xmlString);
+		}
+	}
+
+	this.onloadAction(this.mainObject, null, null, null, this);
+
+	if (this.waitCall){
+		this.waitCall();
+		this.waitCall=null;
+	}
+}
+/**
+  *     @desc: load XML
+  *     @type: private
+  *     @param: filePath - xml file path
+  *     @param: postMode - send POST request
+  *     @param: postVars - list of vars for post request
+  *     @topic: 0
+  */
+dtmlXMLLoaderObject.prototype.loadXML=function(filePath, postMode, postVars, rpc){
+	if (this.rSeed)
+		filePath+=((filePath.indexOf("?") != -1) ? "&" : "?")+"a_dhx_rSeed="+(new Date()).valueOf();
+	this.filePath=filePath;
+
+	if ((!_isIE)&&(window.XMLHttpRequest))
+		this.xmlDoc=new XMLHttpRequest();
+	else {
+		this.xmlDoc=new ActiveXObject("Microsoft.XMLHTTP");
+	}
+
+	if (this.async)
+		this.xmlDoc.onreadystatechange=new this.waitLoadFunction(this);
+	this.xmlDoc.open(postMode ? "POST" : "GET", filePath, this.async);
+
+	if (rpc){
+		this.xmlDoc.setRequestHeader("User-Agent", "dhtmlxRPC v0.1 ("+navigator.userAgent+")");
+		this.xmlDoc.setRequestHeader("Content-type", "text/xml");
+	}
+
+	else if (postMode)
+		this.xmlDoc.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+		
+	this.xmlDoc.setRequestHeader("X-Requested-With","XMLHttpRequest");
+	this.xmlDoc.send(null||postVars);
+
+	if (!this.async)
+		(new this.waitLoadFunction(this))();
+};
+/**
+  *     @desc: destructor, cleans used memory
+  *     @type: private
+  *     @topic: 0
+  */
+dtmlXMLLoaderObject.prototype.destructor=function(){
+	this._filterXPath = null;
+	this._getAllNamedChilds = null;
+	this._retry = null;
+	this.async = null;
+	this.rSeed = null;
+	this.filePath = null;
+	this.onloadAction = null;
+	this.mainObject = null;
+	this.xmlDoc = null;
+	this.doXPath = null;
+	this.doXPathOpera = null;
+	this.doXSLTransToObject = null;
+	this.doXSLTransToString = null;
+	this.loadXML = null;
+	this.loadXMLString = null;
+	// this.waitLoadFunction = null;
+	this.doSerialization = null;
+	this.xmlNodeToJSON = null;
+	this.getXMLTopNode = null;
+	this.setXSLParamValue = null;
+	return null;
+}
+
+dtmlXMLLoaderObject.prototype.xmlNodeToJSON = function(node){
+        var t={};
+        for (var i=0; i<node.attributes.length; i++)
+            t[node.attributes[i].name]=node.attributes[i].value;
+        t["_tagvalue"]=node.firstChild?node.firstChild.nodeValue:"";
+        for (var i=0; i<node.childNodes.length; i++){
+            var name=node.childNodes[i].tagName;
+            if (name){
+                if (!t[name]) t[name]=[];
+                t[name].push(this.xmlNodeToJSON(node.childNodes[i]));
+            }            
+        }        
+        return t;
+    }
+
+/**  
+  *     @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=window.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){
+	return getOffset(htmlObject).left;
+}
+/**
+  *     @desc: Calculate absolute position of html object
+  *     @type: private
+  *     @param: htmlObject - html object
+  *     @topic: 0  
+  */
+function getAbsoluteTop(htmlObject){
+	return getOffset(htmlObject).top;
+}
+
+function getOffsetSum(elem) {
+	var top=0, left=0;
+	while(elem) {
+		top = top + parseInt(elem.offsetTop);
+		left = left + parseInt(elem.offsetLeft);
+		elem = elem.offsetParent;
+	}
+	return {top: top, left: left};
+}
+function getOffsetRect(elem) {
+	var box = elem.getBoundingClientRect();
+	var body = document.body;
+	var docElem = document.documentElement;
+	var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;
+	var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;
+	var clientTop = docElem.clientTop || body.clientTop || 0;
+	var clientLeft = docElem.clientLeft || body.clientLeft || 0;
+	var top  = box.top +  scrollTop - clientTop;
+	var left = box.left + scrollLeft - clientLeft;
+	return { top: Math.round(top), left: Math.round(left) };
+}
+function getOffset(elem) {
+	if (elem.getBoundingClientRect) {
+		return getOffsetRect(elem);
+	} else {
+		return getOffsetSum(elem);
+	}
+}
+
+/**  
+*     @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(){
+	if (window.dhtmlDragAndDrop)
+		return window.dhtmlDragAndDrop;
+
+	this.lastLanding=0;
+	this.dragNode=0;
+	this.dragStartNode=0;
+	this.dragStartObject=0;
+	this.tempDOMU=null;
+	this.tempDOMM=null;
+	this.waitDrag=0;
+	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 ((e||window.event) && (e||event).button == 2)
+		return;
+
+	if (window.dhtmlDragAndDrop.waitDrag){
+		window.dhtmlDragAndDrop.waitDrag=0;
+		document.body.onmouseup=window.dhtmlDragAndDrop.tempDOMU;
+		document.body.onmousemove=window.dhtmlDragAndDrop.tempDOMM;
+		return false;
+	}
+
+	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;
+	window.dhtmlDragAndDrop.downtime = new Date().valueOf();
+	
+
+	if ((e)&&(e.preventDefault)){
+		e.preventDefault();
+		return false;
+	}
+	return false;
+};
+dhtmlDragAndDropObject.prototype.callDrag=function(e){
+	if (!e)
+		e=window.event;
+	dragger=window.dhtmlDragAndDrop;
+	if ((new Date()).valueOf()-dragger.downtime<100) return;
+
+	if ((e.button == 0)&&(_isIE))
+		return dragger.stopDrag();
+
+	if (!dragger.dragNode&&dragger.waitDrag){
+		dragger.dragNode=dragger.dragStartObject._createDragNode(dragger.dragStartNode, e);
+
+		if (!dragger.dragNode)
+			return dragger.stopDrag();
+
+		dragger.dragNode.onselectstart=function(){return false;}
+		dragger.gldragNode=dragger.dragNode;
+		document.body.appendChild(dragger.dragNode);
+		document.body.onmouseup=dragger.stopDrag;
+		dragger.waitDrag=0;
+		dragger.dragNode.pWindow=window;
+		dragger.initFrameRoute();
+	}
+
+	if (dragger.dragNode.parentNode != window.document.body){
+		var grd = dragger.gldragNode;
+
+		if (dragger.gldragNode.old)
+			grd=dragger.gldragNode.old;
+
+		//if (!document.all) dragger.calculateFramePosition();
+		grd.parentNode.removeChild(grd);
+		var oldBody = dragger.dragNode.pWindow;
+
+		if (grd.pWindow &&	grd.pWindow.dhtmlDragAndDrop.lastLanding)
+			grd.pWindow.dhtmlDragAndDrop.lastLanding.dragLanding._dragOut(grd.pWindow.dhtmlDragAndDrop.lastLanding);	
+			
+		//		var oldp=dragger.dragNode.parentObject;
+		if (_isIE){
+			var div = document.createElement("Div");
+			div.innerHTML=dragger.dragNode.outerHTML;
+			dragger.dragNode=div.childNodes[0];
+		} else
+			dragger.dragNode=dragger.dragNode.cloneNode(true);
+
+		dragger.dragNode.pWindow=window;
+		//		dragger.dragNode.parentObject=oldp;
+
+		dragger.gldragNode.old=dragger.dragNode;
+		document.body.appendChild(dragger.dragNode);
+		oldBody.dhtmlDragAndDrop.dragNode=dragger.dragNode;
+	}
+
+	dragger.dragNode.style.left=e.clientX+15+(dragger.fx
+		? dragger.fx*(-1)
+		: 0)
+		+(document.body.scrollLeft||document.documentElement.scrollLeft)+"px";
+	dragger.dragNode.style.top=e.clientY+3+(dragger.fy
+		? dragger.fy*(-1)
+		: 0)
+		+(document.body.scrollTop||document.documentElement.scrollTop)+"px";
+
+	if (!e.srcElement)
+		var z = e.target;
+	else
+		z=e.srcElement;
+	dragger.checkLanding(z, e);
+}
+
+dhtmlDragAndDropObject.prototype.calculateFramePosition=function(n){
+	//this.fx = 0, this.fy = 0;
+	if (window.name){
+		var el = parent.frames[window.name].frameElement.offsetParent;
+		var fx = 0;
+		var fy = 0;
+
+		while (el){
+			fx+=el.offsetLeft;
+			fy+=el.offsetTop;
+			el=el.offsetParent;
+		}
+
+		if ((parent.dhtmlDragAndDrop)){
+			var ls = parent.dhtmlDragAndDrop.calculateFramePosition(1);
+			fx+=ls.split('_')[0]*1;
+			fy+=ls.split('_')[1]*1;
+		}
+
+		if (n)
+			return fx+"_"+fy;
+		else
+			this.fx=fx;
+		this.fy=fy;
+	}
+	return "0_0";
+}
+dhtmlDragAndDropObject.prototype.checkLanding=function(htmlObject, e){
+	if ((htmlObject)&&(htmlObject.dragLanding)){
+		if (this.lastLanding)
+			this.lastLanding.dragLanding._dragOut(this.lastLanding);
+		this.lastLanding=htmlObject;
+		this.lastLanding=this.lastLanding.dragLanding._dragIn(this.lastLanding, this.dragStartNode, e.clientX,
+			e.clientY, e);
+		this.lastLanding_scr=(_isIE ? e.srcElement : e.target);
+	} else {
+		if ((htmlObject)&&(htmlObject.tagName != "BODY"))
+			this.checkLanding(htmlObject.parentNode, e);
+		else {
+			if (this.lastLanding)
+				this.lastLanding.dragLanding._dragOut(this.lastLanding, e.clientX, e.clientY, e);
+			this.lastLanding=0;
+
+			if (this._onNotFound)
+				this._onNotFound();
+		}
+	}
+}
+dhtmlDragAndDropObject.prototype.stopDrag=function(e, mode){
+	dragger=window.dhtmlDragAndDrop;
+
+	if (!mode){
+		dragger.stopFrameRoute();
+		var temp = dragger.lastLanding;
+		dragger.lastLanding=null;
+
+		if (temp)
+			temp.dragLanding._drag(dragger.dragStartNode, dragger.dragStartObject, temp, (_isIE
+				? event.srcElement
+				: e.target));
+	}
+	dragger.lastLanding=null;
+
+	if ((dragger.dragNode)&&(dragger.dragNode.parentNode == document.body))
+		dragger.dragNode.parentNode.removeChild(dragger.dragNode);
+	dragger.dragNode=0;
+	dragger.gldragNode=0;
+	dragger.fx=0;
+	dragger.fy=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;
+}
+
+dhtmlDragAndDropObject.prototype.stopFrameRoute=function(win){
+	if (win)
+		window.dhtmlDragAndDrop.stopDrag(1, 1);
+
+	for (var i = 0; i < window.frames.length; i++){
+		try{
+		if ((window.frames[i] != win)&&(window.frames[i].dhtmlDragAndDrop))
+			window.frames[i].dhtmlDragAndDrop.stopFrameRoute(window);
+		} catch(e){}
+	}
+
+	try{
+	if ((parent.dhtmlDragAndDrop)&&(parent != window)&&(parent != win))
+		parent.dhtmlDragAndDrop.stopFrameRoute(window);
+	} catch(e){}
+}
+dhtmlDragAndDropObject.prototype.initFrameRoute=function(win, mode){
+	if (win){
+		window.dhtmlDragAndDrop.preCreateDragCopy();
+		window.dhtmlDragAndDrop.dragStartNode=win.dhtmlDragAndDrop.dragStartNode;
+		window.dhtmlDragAndDrop.dragStartObject=win.dhtmlDragAndDrop.dragStartObject;
+		window.dhtmlDragAndDrop.dragNode=win.dhtmlDragAndDrop.dragNode;
+		window.dhtmlDragAndDrop.gldragNode=win.dhtmlDragAndDrop.dragNode;
+		window.document.body.onmouseup=window.dhtmlDragAndDrop.stopDrag;
+		window.waitDrag=0;
+
+		if (((!_isIE)&&(mode))&&((!_isFF)||(_FFrv < 1.8)))
+			window.dhtmlDragAndDrop.calculateFramePosition();
+	}
+	try{
+	if ((parent.dhtmlDragAndDrop)&&(parent != window)&&(parent != win))
+		parent.dhtmlDragAndDrop.initFrameRoute(window);
+	}catch(e){}
+
+	for (var i = 0; i < window.frames.length; i++){
+		try{
+		if ((window.frames[i] != win)&&(window.frames[i].dhtmlDragAndDrop))
+			window.frames[i].dhtmlDragAndDrop.initFrameRoute(window, ((!win||mode) ? 1 : 0));
+		} catch(e){}
+	}
+}
+
+var _isFF = false;
+var _isIE = false;
+var _isOpera = false;
+var _isKHTML = false;
+var _isMacOS = false;
+var _isChrome = false;
+
+if (navigator.userAgent.indexOf('Macintosh') != -1)
+	_isMacOS=true;
+
+
+if (navigator.userAgent.toLowerCase().indexOf('chrome')>-1)
+	_isChrome=true;
+
+if ((navigator.userAgent.indexOf('Safari') != -1)||(navigator.userAgent.indexOf('Konqueror') != -1)){
+	var _KHTMLrv = parseFloat(navigator.userAgent.substr(navigator.userAgent.indexOf('Safari')+7, 5));
+
+	if (_KHTMLrv > 525){ //mimic FF behavior for Safari 3.1+
+		_isFF=true;
+		var _FFrv = 1.9;
+	} else
+		_isKHTML=true;
+} else if (navigator.userAgent.indexOf('Opera') != -1){
+	_isOpera=true;
+	_OperaRv=parseFloat(navigator.userAgent.substr(navigator.userAgent.indexOf('Opera')+6, 3));
+}
+
+
+else if (navigator.appName.indexOf("Microsoft") != -1){
+	_isIE=true;
+	if (navigator.appVersion.indexOf("MSIE 8.0")!= -1 && document.compatMode != "BackCompat") _isIE=8;
+	if (navigator.appVersion.indexOf("MSIE 9.0")!= -1 && document.compatMode != "BackCompat") _isIE=8;
+} else {
+	_isFF=true;
+	var _FFrv = parseFloat(navigator.userAgent.split("rv:")[1])
+}
+
+
+//multibrowser Xpath processor
+dtmlXMLLoaderObject.prototype.doXPath=function(xpathExp, docObj, namespace, result_type){
+	if (_isKHTML || (!_isIE && !window.XPathResult))
+		return this.doXPathOpera(xpathExp, docObj);
+
+	if (_isIE){ //IE
+		if (!docObj)
+			if (!this.xmlDoc.nodeName)
+				docObj=this.xmlDoc.responseXML
+			else
+				docObj=this.xmlDoc;
+
+		if (!docObj)
+			dhtmlxError.throwError("LoadXML", "Incorrect XML", [
+				(docObj||this.xmlDoc),
+				this.mainObject
+			]);
+
+		if (namespace != null)
+			docObj.setProperty("SelectionNamespaces", "xmlns:xsl='"+namespace+"'"); //
+
+		if (result_type == 'single'){
+			return docObj.selectSingleNode(xpathExp);
+		}
+		else {
+			return docObj.selectNodes(xpathExp)||new Array(0);
+		}
+	} else { //Mozilla
+		var nodeObj = docObj;
+
+		if (!docObj){
+			if (!this.xmlDoc.nodeName){
+				docObj=this.xmlDoc.responseXML
+			}
+			else {
+				docObj=this.xmlDoc;
+			}
+		}
+
+		if (!docObj)
+			dhtmlxError.throwError("LoadXML", "Incorrect XML", [
+				(docObj||this.xmlDoc),
+				this.mainObject
+			]);
+
+		if (docObj.nodeName.indexOf("document") != -1){
+			nodeObj=docObj;
+		}
+		else {
+			nodeObj=docObj;
+			docObj=docObj.ownerDocument;
+		}
+		var retType = XPathResult.ANY_TYPE;
+
+		if (result_type == 'single')
+			retType=XPathResult.FIRST_ORDERED_NODE_TYPE
+		var rowsCol = new Array();
+		var col = docObj.evaluate(xpathExp, nodeObj, function(pref){
+			return namespace
+		}, retType, null);
+
+		if (retType == XPathResult.FIRST_ORDERED_NODE_TYPE){
+			return col.singleNodeValue;
+		}
+		var thisColMemb = col.iterateNext();
+
+		while (thisColMemb){
+			rowsCol[rowsCol.length]=thisColMemb;
+			thisColMemb=col.iterateNext();
+		}
+		return rowsCol;
+	}
+}
+
+function _dhtmlxError(type, name, params){
+	if (!this.catches)
+		this.catches=new Array();
+
+	return this;
+}
+
+_dhtmlxError.prototype.catchError=function(type, func_name){
+	this.catches[type]=func_name;
+}
+_dhtmlxError.prototype.throwError=function(type, name, params){
+	if (this.catches[type])
+		return this.catches[type](type, name, params);
+
+	if (this.catches["ALL"])
+		return this.catches["ALL"](type, name, params);
+
+	alert("Error type: "+arguments[0]+"\nDescription: "+arguments[1]);
+	return null;
+}
+
+window.dhtmlxError=new _dhtmlxError();
+
+
+//opera fake, while 9.0 not released
+//multibrowser Xpath processor
+dtmlXMLLoaderObject.prototype.doXPathOpera=function(xpathExp, docObj){
+	//this is fake for Opera
+	var z = xpathExp.replace(/[\/]+/gi, "/").split('/');
+	var obj = null;
+	var i = 1;
+
+	if (!z.length)
+		return [];
+
+	if (z[0] == ".")
+		obj=[docObj]; else if (z[0] == ""){
+		obj=(this.xmlDoc.responseXML||this.xmlDoc).getElementsByTagName(z[i].replace(/\[[^\]]*\]/g, ""));
+		i++;
+	} else
+		return [];
+
+	for (i; i < z.length; i++)obj=this._getAllNamedChilds(obj, z[i]);
+
+	if (z[i-1].indexOf("[") != -1)
+		obj=this._filterXPath(obj, z[i-1]);
+	return obj;
+}
+
+dtmlXMLLoaderObject.prototype._filterXPath=function(a, b){
+	var c = new Array();
+	var b = b.replace(/[^\[]*\[\@/g, "").replace(/[\[\]\@]*/g, "");
+
+	for (var i = 0; i < a.length; i++)
+		if (a[i].getAttribute(b))
+			c[c.length]=a[i];
+
+	return c;
+}
+dtmlXMLLoaderObject.prototype._getAllNamedChilds=function(a, b){
+	var c = new Array();
+
+	if (_isKHTML)
+		b=b.toUpperCase();
+
+	for (var i = 0; i < a.length; i++)for (var j = 0; j < a[i].childNodes.length; j++){
+		if (_isKHTML){
+			if (a[i].childNodes[j].tagName&&a[i].childNodes[j].tagName.toUpperCase() == b)
+				c[c.length]=a[i].childNodes[j];
+		}
+
+		else if (a[i].childNodes[j].tagName == b)
+			c[c.length]=a[i].childNodes[j];
+	}
+
+	return c;
+}
+
+function dhtmlXHeir(a, b){
+	for (var c in b)
+		if (typeof (b[c]) == "function")
+			a[c]=b[c];
+	return a;
+}
+
+function dhtmlxEvent(el, event, handler){
+	if (el.addEventListener)
+		el.addEventListener(event, handler, false);
+
+	else if (el.attachEvent)
+		el.attachEvent("on"+event, handler);
+}
+
+//============= XSL Extension ===================================
+
+dtmlXMLLoaderObject.prototype.xslDoc=null;
+dtmlXMLLoaderObject.prototype.setXSLParamValue=function(paramName, paramValue, xslDoc){
+	if (!xslDoc)
+		xslDoc=this.xslDoc
+
+	if (xslDoc.responseXML)
+		xslDoc=xslDoc.responseXML;
+	var item =
+		this.doXPath("/xsl:stylesheet/xsl:variable[@name='"+paramName+"']", xslDoc,
+			"http:/\/www.w3.org/1999/XSL/Transform", "single");
+
+	if (item != null)
+		item.firstChild.nodeValue=paramValue
+}
+dtmlXMLLoaderObject.prototype.doXSLTransToObject=function(xslDoc, xmlDoc){
+	if (!xslDoc)
+		xslDoc=this.xslDoc;
+
+	if (xslDoc.responseXML)
+		xslDoc=xslDoc.responseXML
+
+	if (!xmlDoc)
+		xmlDoc=this.xmlDoc;
+
+	if (xmlDoc.responseXML)
+		xmlDoc=xmlDoc.responseXML
+
+	//MOzilla
+	if (!_isIE){
+		if (!this.XSLProcessor){
+			this.XSLProcessor=new XSLTProcessor();
+			this.XSLProcessor.importStylesheet(xslDoc);
+		}
+		var result = this.XSLProcessor.transformToDocument(xmlDoc);
+	} else {
+		var result = new ActiveXObject("Msxml2.DOMDocument.3.0");
+		try{
+			xmlDoc.transformNodeToObject(xslDoc, result);
+		}catch(e){
+			result = xmlDoc.transformNode(xslDoc);
+		}
+	}
+	return result;
+}
+
+dtmlXMLLoaderObject.prototype.doXSLTransToString=function(xslDoc, xmlDoc){
+	var res = this.doXSLTransToObject(xslDoc, xmlDoc);
+	if(typeof(res)=="string")
+		return res;
+	return this.doSerialization(res);
+}
+
+dtmlXMLLoaderObject.prototype.doSerialization=function(xmlDoc){
+	if (!xmlDoc)
+			xmlDoc=this.xmlDoc;
+	if (xmlDoc.responseXML)
+			xmlDoc=xmlDoc.responseXML
+	if (!_isIE){
+		var xmlSerializer = new XMLSerializer();
+		return xmlSerializer.serializeToString(xmlDoc);
+	} else
+		return xmlDoc.xml;
+}
+
+/**
+*   @desc: 
+*   @type: private
+*/
+dhtmlxEventable=function(obj){
+		obj.attachEvent=function(name, catcher, callObj){
+			name='ev_'+name.toLowerCase();
+			if (!this[name])
+				this[name]=new this.eventCatcher(callObj||this);
+				
+			return(name+':'+this[name].addEvent(catcher)); //return ID (event name & event ID)
+		}
+		obj.callEvent=function(name, arg0){ 
+			name='ev_'+name.toLowerCase();
+			if (this[name])
+				return this[name].apply(this, arg0);
+			return true;
+		}
+		obj.checkEvent=function(name){
+			return (!!this['ev_'+name.toLowerCase()])
+		}
+		obj.eventCatcher=function(obj){
+			var dhx_catch = [];
+			var z = function(){
+				var res = true;
+				for (var i = 0; i < dhx_catch.length; i++){
+					if (dhx_catch[i] != null){
+						var zr = dhx_catch[i].apply(obj, arguments);
+						res=res&&zr;
+					}
+				}
+				return res;
+			}
+			z.addEvent=function(ev){
+				if (typeof (ev) != "function")
+					ev=eval(ev);
+				if (ev)
+					return dhx_catch.push(ev)-1;
+				return false;
+			}
+			z.removeEvent=function(id){
+				dhx_catch[id]=null;
+			}
+			return z;
+		}
+		obj.detachEvent=function(id){
+			if (id != false){
+				var list = id.split(':');           //get EventName and ID
+				this[list[0]].removeEvent(list[1]); //remove event
+			}
+		}
+		obj.detachAllEvents = function(){
+			for (var name in this){
+				if (name.indexOf("ev_")==0) 
+					delete this[name];
+			}
+		}
+}
diff --git a/phpgwapi/js/egw_action/test/js/dhtmlxmenu.js b/phpgwapi/js/egw_action/test/js/dhtmlxmenu.js
new file mode 100644
index 0000000000..85a88233e2
--- /dev/null
+++ b/phpgwapi/js/egw_action/test/js/dhtmlxmenu.js
@@ -0,0 +1,2190 @@
+//v.2.6 build 100722
+
+/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
+/**
+*   @desc: a constructor, creates a new dhtmlxMenu object, baseId defines a base object for the top menu level
+*   @param: baseId - id of the html element to which a menu will be attached, in case of a contextual menu - if specified, will used as a contextual zone
+*   @type: public
+*/
+function dhtmlXMenuObject(baseId, skin) {
+	var main_self = this;
+	
+	this.addBaseIdAsContextZone = null;
+	
+	this.isDhtmlxMenuObject = true;
+	
+	// skin settings
+	this.skin = (skin!=null?skin:"dhx_skyblue");
+	this.imagePath = "";
+	
+	// iframe
+	this._isIE6 = false;
+	if (_isIE) this._isIE6 = (window.XMLHttpRequest==null?true:false);
+	
+	if (baseId == null) {
+		this.base = document.body;
+	} else {
+		if (document.getElementById(baseId) != null) {
+			this.base = document.getElementById(baseId);
+			while (this.base.childNodes.length > 0) { this.base.removeChild(this.base.childNodes[0]); }
+			this.base.className += " dhtmlxMenu_"+this.skin+"_Middle dir_left";
+			this.base._autoSkinUpdate = true;
+			 // preserv default oncontextmenu for future restorin in case of context menu
+			if (this.base.oncontextmenu) this.base._oldContextMenuHandler = this.base.oncontextmenu;
+			//
+			this.addBaseIdAsContextZone = baseId;
+			this.base.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
+			this.base.oncontextmenu = function(e) { e = e || event; e.returnValue = false; return false; }
+		} else {
+			this.base = document.body;
+		}
+	}
+	// this.topId = topId;
+	this.topId = "dhxWebMenuTopId";
+	
+	// 
+	if (!this.extendedModule) {
+		// add notify for menu
+		var t = function(){alert(this.i18n.dhxmenuextalert);};
+		var extMethods = new Array("setItemEnabled", "setItemDisabled", "isItemEnabled", "_changeItemState", "getItemText", "setItemText",
+				"loadFromHTML", "hideItem", "showItem", "isItemHidden", "_changeItemVisible", "setUserData", "getUserData",
+				"setOpenMode", "setWebModeTimeout", "enableDynamicLoading", "_updateLoaderIcon", "getItemImage", "setItemImage",
+				"clearItemImage", "setAutoShowMode", "setAutoHideMode", "setContextMenuHideAllMode", "getContextMenuHideAllMode",
+				"setVisibleArea", "setTooltip", "getTooltip", "setHotKey", "getHotKey", "setItemSelected", "setTopText", "setRTL",
+				"setAlign", "setHref", "clearHref", "getCircuit", "_clearAllSelectedSubItemsInPolygon", "_checkArrowsState",
+				"_addUpArrow", "_addDownArrow", "_removeUpArrow", "_removeDownArrow", "_isArrowExists", "_doScrollUp", "_doScrollDown",
+				"_countPolygonItems", "setOverflowHeight", "_getRadioImgObj", "_setRadioState", "_radioOnClickHandler",
+				"getRadioChecked", "setRadioChecked", "addRadioButton", "_getCheckboxState", "_setCheckboxState", "_readLevel",
+				"_updateCheckboxImage", "_checkboxOnClickHandler", "setCheckboxState", "getCheckboxState", "addCheckbox", "serialize");
+		for (var q=0; q<extMethods.length; q++) if (!this[extMethods[q]]) this[extMethods[q]] = t;
+		extMethods = null;
+	}
+	
+	// should be used for frameset in IE
+	this.fixedPosition = false;
+	
+	this.menuSelected = -1;
+	this.menuLastClicked = -1;
+	this.idPrefix = "";
+	this.itemTagName = "item";
+	this.itemTextTagName = "itemtext";
+	this.userDataTagName = "userdata";
+	this.itemTipTagName = "tooltip";
+	this.itemHotKeyTagName = "hotkey";
+	this.itemHrefTagName = "href";
+	this.dirTopLevel = "bottom";
+	this.dirSubLevel = "right";
+	this.menuX1 = null;
+	this.menuX2 = null;
+	this.menuY1 = null;
+	this.menuY2 = null;
+	this.menuMode = "web";
+	this.menuTimeoutMsec = 400;
+	this.menuTimeoutHandler = null;
+	this.idPull = {};
+	this.itemPull = {};
+	this.userData = {};
+	this.radio = {};
+	//
+	this._rtl = false;
+	this._align = "left";
+	//
+	this.menuTouched = false;
+	//
+	this.zIndInit = 1200;
+	this.zInd = this.zIndInit;
+	this.zIndStep = 50;
+	//
+	this.menuModeTopLevelTimeout = true; // shows sublevel polygons from toplevel items with delay
+	this.menuModeTopLevelTimeoutTime = 200; // msec
+	//
+	// default skin
+	// this.skin = "Standard";
+	
+	// skin-based params
+	this._topLevelBottomMargin = 1;
+	this._topLevelRightMargin = 0;
+	this._topLevelOffsetLeft = 1;
+	this._arrowFFFix = (_isIE?(document.compatMode=="BackCompat"?0:-4):-4); // border fixer for FF for arrows polygons
+	
+	/**
+	*   @desc: changes menu skin
+	*   @param: skin - skin name
+	*   @type: public
+	*/
+	this.setSkin = function(skin) {
+		var oldSkin = this.skin;
+		this.skin = skin;
+		switch (this.skin){
+			case "dhx_black":
+			case "dhx_blue":
+			case "dhx_skyblue":
+			case "dhx_web":
+				this._topLevelBottomMargin = 2;
+				this._topLevelRightMargin = 1;
+				this._topLevelOffsetLeft = 1;
+				this._arrowFFFix = (_isIE?(document.compatMode=="BackCompat"?0:-4):-4);
+				break;
+			case "dhx_web":
+				this._arrowFFFix = 0;
+				break;
+		}
+		if (this.base._autoSkinUpdate) {
+			this.base.className = this.base.className.replace("dhtmlxMenu_"+oldSkin+"_Middle", "")+" dhtmlxMenu_"+this.skin+"_Middle";
+		}
+		
+		for (var a in this.idPull) {
+			this.idPull[a].className = String(this.idPull[a].className).replace(oldSkin, this.skin);
+			
+		}
+	}
+	this.setSkin(this.skin);
+	//
+	this.dLoad = false;
+	this.dLoadUrl = "";
+	this.dLoadSign = "?";
+	this.loaderIcon = false;
+	this.limit = 0;
+	//
+	this._scrollUpTM = null;
+	this._scrollUpTMTime = 20;
+	this._scrollUpTMStep = 3;
+	this._scrollDownTM = null;
+	this._scrollDownTMTime = 20;
+	this._scrollDownTMStep = 3;
+	/* context menu */
+	this.context = false;
+	this.contextZones = {};
+	this.contextMenuZoneId = false;
+	this.contextAutoShow = true;	/* default open action */
+	this.contextAutoHide = true;	/* default close action */
+	this.contextHideAllMode = true; /* true will hide all opened contextual menu polygons on mouseout, false - all except topleft */
+	/* dac params */
+	this.sxDacProc = null;
+	this.dacSpeed = 10;
+	this.dacCycles = [];
+	for (var q=0; q<10; q++) { this.dacCycles[q] = q; }
+	/*
+	this.dacSpeedIE = 60;
+	this.dacCyclesIE = [];
+	for (var q=0; q<3; q++) { this.dacCyclesIE[q] = q*2+1; }
+	*/
+	this.dacSpeedIE = 10;
+	this.dacCyclesIE = [];
+	for (var q=0; q<10; q++) { this.dacCyclesIE[q] = q; }
+	
+	/* version 0.2 features: selected items and polygond for quick deselect */
+	/* sxDac feature, implemented in version 0.4 */
+	this._enableDacSupport = function(dac) {
+		this.sxDacProc = dac;
+	}
+	this._selectedSubItems = new Array();
+	this._openedPolygons = new Array();
+	this._addSubItemToSelected = function(item, polygon) {
+		var t = true;
+		for (var q=0; q<this._selectedSubItems.length; q++) { if ((this._selectedSubItems[q][0] == item) && (this._selectedSubItems[q][1] == polygon)) { t = false; } }
+		if (t == true) { this._selectedSubItems.push(new Array(item, polygon)); }
+		return t;
+	}
+	this._removeSubItemFromSelected = function(item, polygon) {
+		var m = new Array();
+		var t = false;
+		for (var q=0; q<this._selectedSubItems.length; q++) { if ((this._selectedSubItems[q][0] == item) && (this._selectedSubItems[q][1] == polygon)) { t = true; } else { m[m.length] = this._selectedSubItems[q]; } }
+		if (t == true) { this._selectedSubItems = m; }
+		return t;
+	}
+	this._getSubItemToDeselectByPolygon = function(polygon) {
+		var m = new Array();
+		for (var q=0; q<this._selectedSubItems.length; q++) {
+			if (this._selectedSubItems[q][1] == polygon) {
+				m[m.length] = this._selectedSubItems[q][0];
+				m = m.concat(this._getSubItemToDeselectByPolygon(this._selectedSubItems[q][0]));
+				var t = true;
+				for (var w=0; w<this._openedPolygons.length; w++) { if (this._openedPolygons[w] == this._selectedSubItems[q][0]) { t = false; } }
+				if (t == true) { this._openedPolygons[this._openedPolygons.length] = this._selectedSubItems[q][0]; }
+				this._selectedSubItems[q][0] = -1;
+				this._selectedSubItems[q][1] = -1;
+			}
+		}
+		return m;
+	}
+	/* end */
+	/* define polygon's position for dinamic content rendering and shows it, added in version 0.3 */
+	this._hidePolygon = function(id) {
+		if (this.idPull["polygon_" + id] != null) {
+			if ((this.sxDacProc != null) && (this.idPull["sxDac_" + id] != null)) {
+				this.idPull["sxDac_"+id]._hide();
+			} else {
+				// already hidden
+				if (this.idPull["polygon_"+id].style.display == "none") return;
+				//
+				this.idPull["polygon_"+id].style.display = "none";
+				if (this.idPull["arrowup_"+id] != null) { this.idPull["arrowup_"+id].style.display = "none"; }
+				if (this.idPull["arrowdown_"+id] != null) { this.idPull["arrowdown_"+id].style.display = "none"; }
+				this._updateItemComplexState(id, true, false);
+				// hide ie6 cover
+				if (this._isIE6) { if (this.idPull["polygon_"+id+"_ie6cover"] != null) { this.idPull["polygon_"+id+"_ie6cover"].style.display = "none"; } }
+				// call event
+				id = String(id).replace(this.idPrefix, "");
+				if (id == this.topId) id = null;
+				this.callEvent("onHide", [id]);
+			}
+		}
+	}
+	this._showPolygon = function(id, openType) {
+		var itemCount = this._countVisiblePolygonItems(id);
+		if (itemCount == 0) return;
+		var pId = "polygon_"+id;
+		if ((this.idPull[pId] != null) && (this.idPull[id] != null)) {
+			if (this.menuModeTopLevelTimeout && this.menuMode == "web" && !this.context) {
+				if (!this.idPull[id]._mouseOver && openType == this.dirTopLevel) return;
+			}
+			
+			// detect visible area
+			if (!this.fixedPosition) this._autoDetectVisibleArea();
+			
+			// show arrows
+			var arrUpH = 0;
+			var arrDownH = 0;
+			//
+			var arrowUp = null;
+			var arrowDown = null;
+			//#menu_overflow:06062008#{
+			if (this.limit > 0 && this.limit < itemCount)  {
+				var auId = "arrowup_"+id;
+				var adId = "arrowdown_"+id;
+				
+				// add overflow arrows if they not exists
+				if (this.idPull["arrowup_"+id] == null) this._addUpArrow(String(id).replace(this.idPrefix,""));
+				if (this.idPull["arrowdown_"+id] == null) this._addDownArrow(String(id).replace(this.idPrefix,""));
+				
+				// configure up arrow
+				arrowUp = this.idPull["arrowup_"+id];
+				arrowUp.style.visibility = "hidden";
+				arrowUp.style.display = "";
+				arrowUp.style.zIndex = this.zInd;
+				arrUpH = arrowUp.offsetHeight;
+				
+				// configure bottom arrow
+				arrowDown = this.idPull["arrowdown_"+id];
+				arrowDown.style.visibility = "hidden";
+				arrowDown.style.display = "";
+				arrowDown.style.zIndex = this.zInd;
+				arrDownH = arrowDown.offsetHeight;
+			}
+			//#}
+			// show polygon
+			this.idPull[pId].style.visibility = "hidden";
+			this.idPull[pId].style.left = "0px";
+			this.idPull[pId].style.top = "0px";
+			this.idPull[pId].style.display = "";
+			this.idPull[pId].style.zIndex = this.zInd;
+			//
+			if (this.limit > 0) {
+				if (this.limit < itemCount)  {
+					// set fixed size
+					// this.idPull[pId].style.height = this.idPull[pId].tbd.childNodes[0].offsetHeight*this.limit+"px";// + arrUpH + arrDownH;
+					this.idPull[pId].style.height = 24*this.limit+"px";
+					this.idPull[pId].scrollTop = 0;
+				} else {
+					// remove fixed size
+					this.idPull[pId].style.height = "";
+				}
+			}
+			//
+			this.zInd += this.zIndStep;
+			//
+			// console.log(this.idPull)
+			if (this.itemPull[id] != null) {
+				var parPoly = "polygon_"+this.itemPull[id]["parent"];
+			} else if (this.context) {
+				var parPoly = this.idPull[this.idPrefix+this.topId];
+			}
+			/*
+			// debug info
+			if (parPoly == null) {
+				alert("Implementation error. Please report support@dhtmlx.com");
+			}
+			*/
+			//
+			//
+			// define position
+			var srcX = (this.idPull[id].tagName != null ? getAbsoluteLeft(this.idPull[id]) : this.idPull[id][0]);
+			var srcY = (this.idPull[id].tagName != null ? getAbsoluteTop(this.idPull[id]) : this.idPull[id][1]);
+			var srcW = (this.idPull[id].tagName != null ? this.idPull[id].offsetWidth : 0);
+			var srcH = (this.idPull[id].tagName != null ? this.idPull[id].offsetHeight + arrUpH + arrDownH : 0);
+			
+			var x = 0;
+			var y = 0;
+			var w = this.idPull[pId].offsetWidth;
+			var h = this.idPull[pId].offsetHeight;
+			
+			//console.log(srcY,h,window.innerHeight,document.body.scrollTop)
+			/*
+			var bottomOverflow = (srcY+h > window.innerHeight+document.body.scrollTop);
+			if (bottomOverflow) {
+				if (openType == "bottom") openType = "top";
+				if (openType == "right" || openType == "left") {
+					srcY = srcY-h;
+				}
+			}
+			*/
+			// pos
+			if (openType == "bottom") {
+				if (this._rtl) {
+					x = srcX + (srcW!=null?srcW:0) - w;
+				} else {
+					if (this._align == "right") {
+						x = srcX + srcW - w;
+					} else {
+						x = srcX - 1 + (openType==this.dirTopLevel?this._topLevelRightMargin:0);
+					}
+				}
+				y = srcY - 1 + srcH - arrUpH - arrDownH + this._topLevelBottomMargin;
+			}
+			if (openType == "right") { x = srcX + srcW - 1; y = srcY + 2; }
+			if (openType == "left") { x = srcX - this.idPull[pId].offsetWidth + 2; y = srcY + 2; }
+			if (openType == "top") { x = srcX - 1; y = srcY - h + 2; }
+			
+			// overflow check
+			if (this.fixedPosition) {
+				// use fixed document.body/window dimension if required
+				var mx = 65536;
+				var my = 65536;
+			} else {
+				var mx = (this.menuX2!=null?this.menuX2:0);
+				var my = (this.menuY2!=null?this.menuY2:0);
+				
+				if (mx == 0) {
+					if (window.innerWidth) {
+						mx = window.innerWidth;
+						my = window.innerHeight;
+					} else {
+						mx = document.body.offsetWidth;
+						my = document.body.scrollHeight;
+					}
+				}
+			}
+			if (x+w > mx && !this._rtl) {
+				// no space on right, open to left
+				x = srcX - w + 2;
+			}
+			if (x < this.menuX1 && this._rtl) {
+				// no space on left, open to right
+				x = srcX + srcW - 2;
+			}
+			if (x < 0) {
+				// menu floats left
+				x = 0;
+			}
+			if (y+h > my && this.menuY2 != null) {
+				y = srcY + srcH - h + 2;
+				// open from top level
+				if (this.itemPull[id] != null && !this.context) {
+					if (this.itemPull[id]["parent"] == this.idPrefix+this.topId) y = y - this.base.offsetHeight;
+				}
+			}
+			//
+			this.idPull[pId].style.left = x+"px";
+			this.idPull[pId].style.top = y+arrUpH+"px";
+			//
+			if ((this.sxDacProc != null) && (this.idPull["sxDac_" + id] != null)) {
+				this.idPull["sxDac_"+id]._show();
+			} else {
+				this.idPull[pId].style.visibility = "";
+				//#menu_overflow:06062008#{
+				if (this.limit > 0 && this.limit < itemCount)  {
+					// this.idPull[pId].scrollTop = 0;
+					arrowUp.style.left = x+"px";
+					arrowUp.style.top = y+"px";
+					arrowUp.style.width = w+this._arrowFFFix+"px";
+					arrowUp.style.visibility = "";
+					//
+					arrowDown.style.left = x+"px";
+					arrowDown.style.top = y+arrUpH+h+"px";
+					arrowDown.style.width = w+this._arrowFFFix+"px";
+					arrowDown.style.visibility = "";
+					//
+					this._checkArrowsState(id);
+				}
+				//#}
+				// show ie6 cover
+				if (this._isIE6) {
+					var pIdIE6 = pId+"_ie6cover";
+					if (this.idPull[pIdIE6] == null) {
+						var ifr = document.createElement("IFRAME");
+						ifr.className = "dhtmlxMenu_IE6CoverFix_"+this.skin;
+						ifr.frameBorder = 0;
+						ifr.setAttribute("src", "javascript:false;");
+						document.body.insertBefore(ifr, document.body.firstChild);
+						this.idPull[pIdIE6] = ifr;
+					}
+					this.idPull[pIdIE6].style.left = this.idPull[pId].style.left;
+					this.idPull[pIdIE6].style.top = this.idPull[pId].style.top;
+					this.idPull[pIdIE6].style.width = this.idPull[pId].offsetWidth+"px";
+					this.idPull[pIdIE6].style.height = this.idPull[pId].offsetHeight+"px";
+					this.idPull[pIdIE6].style.zIndex = this.idPull[pId].style.zIndex-1;
+					this.idPull[pIdIE6].style.display = "";
+				}
+				id = String(id).replace(this.idPrefix, "");
+				if (id == this.topId) id = null;
+				this.callEvent("onShow", [id]);
+				// this.callEvent("_onPolyShow",[id.replace(this.idPrefix,"")]);
+			}
+		}
+	}
+	/* redistrib sublevel selection: select id and deselect other, added in version 0.3 */
+	this._redistribSubLevelSelection = function(id, parentId) {
+		// clear previosly selected items
+		while (this._openedPolygons.length > 0) this._openedPolygons.pop();
+		// this._openedPolygons = new Array();
+		var i = this._getSubItemToDeselectByPolygon(parentId);
+		this._removeSubItemFromSelected(-1, -1);
+		for (var q=0; q<i.length; q++) { if ((this.idPull[i[q]] != null) && (i[q] != id)) { if (this.itemPull[i[q]]["state"] == "enabled") { this.idPull[i[q]].className = "sub_item"; } } }
+		// hide polygons
+		for (var q=0; q<this._openedPolygons.length; q++) { if (this._openedPolygons[q] != parentId) { this._hidePolygon(this._openedPolygons[q]); } }
+		// add new selection into list new
+		if (this.itemPull[id]["state"] == "enabled") {
+			this.idPull[id].className = "sub_item_selected";
+			if (this.itemPull[id]["complex"] && this.dLoad && (this.itemPull[id]["loaded"]=="no")) {
+				if (this.loaderIcon == true) { this._updateLoaderIcon(id, true); }
+				var xmlLoader = new dtmlXMLLoaderObject(this._xmlParser, window);
+				this.itemPull[id]["loaded"] = "get";
+				this.callEvent("onXLS", []);
+				xmlLoader.loadXML(this.dLoadUrl+this.dLoadSign+"action=loadMenu&parentId="+id.replace(this.idPrefix,"")+"&etc="+new Date().getTime());
+			}
+			// show
+			if (this.itemPull[id]["complex"] || (this.dLoad && (this.itemPull[id]["loaded"] == "yes"))) {
+				// make arrow over
+				if ((this.itemPull[id]["complex"]) && (this.idPull["polygon_" + id] != null))  {
+					this._updateItemComplexState(id, true, true);
+					this._showPolygon(id, this.dirSubLevel);
+				}
+			}
+			this._addSubItemToSelected(id, parentId);
+			this.menuSelected = id;
+		}
+	}
+	/* onClickMenu action (click on any end item to perform some actions)
+	   optimized in version 0.3 added type feature (click on disabled items, click on complex nodes)
+	   attachEvent feature from 0.4 */
+	this._doOnClick = function(id, type, casState) {
+		this.menuLastClicked = id;
+		// href
+		if (this.itemPull[this.idPrefix+id]["href_link"] != null) {
+			var form = document.createElement("FORM");
+			var k = String(this.itemPull[this.idPrefix+id]["href_link"]).split("?");
+			form.action = k[0];
+			if (k[1] != null) {
+				var p = String(k[1]).split("&");
+				for (var q=0; q<p.length; q++) {
+					var j = String(p[q]).split("=");
+					var m = document.createElement("INPUT");
+					m.type = "hidden";
+					m.name = (j[0]||"");
+					m.value = (j[1]||"");
+					form.appendChild(m);
+				}
+			}
+			if (this.itemPull[this.idPrefix+id]["href_target"] != null) { form.target = this.itemPull[this.idPrefix+id]["href_target"]; }
+			form.style.display = "none";
+			document.body.appendChild(form);
+			form.submit();
+			if (form != null) {
+				document.body.removeChild(form);
+				form = null;
+			}
+			return;
+		}
+		//
+		// some fixes
+		if (type.charAt(0)=="c") return; // can't click on complex item
+		if (type.charAt(1)=="d") return; // can't click on disabled item
+		if (type.charAt(2)=="s") return; // can't click on separator
+		//
+		if (this.checkEvent("onClick")) {
+			// this.callEvent("onClick", [id, type, this.contextMenuZoneId]);
+			this._clearAndHide();
+			if (this._isContextMenuVisible() && this.contextAutoHide) this._hideContextMenu();
+			this.callEvent("onClick", [id, this.contextMenuZoneId, casState]);
+		} else {
+			if ((type.charAt(1) == "d") || (this.menuMode == "win" && type.charAt(2) == "t")) return;
+			this._clearAndHide();
+			if (this._isContextMenuVisible() && this.contextAutoHide) this._hideContextMenu();
+		}
+	}
+	/* onTouchMenu action (select topLevel item), attachEvent added in 0.4 */
+	this._doOnTouchMenu = function(id) {
+		if (this.menuTouched == false) {
+			this.menuTouched = true;
+			if (this.checkEvent("onTouch")) {
+				this.callEvent("onTouch", [id]);
+			}
+		}
+	}
+	// this._onTouchHandler = function(id) { }
+	// this._setOnTouchHandler = function(handler) { this._onTouchHandler = function(id) { handler(id); } }
+	/* return menu array of all nested objects */
+	this._searchMenuNode = function(node, menu) {
+		var m = new Array();
+		for (var q=0; q<menu.length; q++) {
+			if (typeof(menu[q]) == "object") {
+				if (menu[q].length == 5) { if (typeof(menu[q][0]) != "object") { if ((menu[q][0].replace(this.idPrefix, "") == node) && (q == 0)) { m = menu; } } }
+				var j = this._searchMenuNode(node, menu[q]);
+				if (j.length > 0) { m = j; }
+			}
+		}
+		return m;
+	}
+	/* return array of subitems for single menu object */
+	/* modified in version 0.3 */
+	this._getMenuNodes = function(node) {
+		var m = new Array;
+		for (var a in this.itemPull) { if (this.itemPull[a]["parent"] == node) { m[m.length] = a; } }
+		return m;
+	}
+	/* generate random string with specified length */
+	this._genStr = function(w) {
+		var s = ""; var z = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+		for (var q=0; q<w; q++) s += z.charAt(Math.round(Math.random() * (z.length-1)));
+		return s;
+	}
+	/**
+	*	@desc: return item type by id
+	*	@param: id
+	*	@type: public
+	*/
+	this.getItemType = function(id) {
+		id = this.idPrefix+id;
+		if (this.itemPull[id] == null) { return null; }
+		return this.itemPull[id]["type"];
+	}
+	/*
+	*	@desc: iterator, calls user-defined handler for each existing item and pass item id into it
+	*	@param: handler - user-defined handler
+	*	@type: public
+	*/
+	this.forEachItem = function(handler) {
+		for (var a in this.itemPull) { handler(String(a).replace(this.idPrefix, "")); }
+	}
+	/* clear selection and hide menu on onbody click event, optimized in version 0.3 */
+	this._clearAndHide = function() {
+		main_self.menuSelected = -1;
+		main_self.menuLastClicked = -1;
+		while (main_self._openedPolygons.length > 0) { main_self._openedPolygons.pop(); }
+		for (var q=0; q<main_self._selectedSubItems.length; q++) {
+			var id = main_self._selectedSubItems[q][0];
+			// clear all selection
+			if (main_self.idPull[id] != null) {
+				if (main_self.itemPull[id]["state"] == "enabled") {
+					if (main_self.idPull[id].className == "sub_item_selected") main_self.idPull[id].className = "sub_item";
+					if (main_self.idPull[id].className == "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Selected") {
+						// main_self.idPull[id].className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
+						// custom css
+						// console.log(main_self.itemPull[this.id])
+						if (main_self.itemPull[id]["cssNormal"] != null) {
+							// alert(1)
+							main_self.idPull[id].className = main_self.itemPull[id]["cssNormal"];
+						} else {
+							// default css
+							main_self.idPull[id].className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
+						}
+					}
+				}
+			}
+			main_self._hidePolygon(id);
+		}
+		// added in 0.4
+		// main_self._hidePolygon(main_self.idPrefix+main_self.topId);
+		main_self.menuTouched = false;
+		//
+		// hide all contextmenu polygons on mouseout
+		if (main_self.context) {
+			if (main_self.contextHideAllMode) {
+				main_self._hidePolygon(main_self.idPrefix+main_self.topId);
+				main_self.zInd = main_self.zIndInit;
+			} else {
+				main_self.zInd = main_self.zIndInit+main_self.zIndStep;
+			}
+		}
+	}
+	/* loading and parsing through xml, optimized in version 0.3 */
+	this._doOnLoad = function() {}
+	/**
+	*   @desc: loads menu data from an xml file and calls onLoadFunction when loading is done
+	*   @param: xmlFile - an xml file with webmenu data
+	*   @param: onLoadFunction - a function that is called after loading is done
+	*   @type: public
+	*/
+	this.loadXML = function(xmlFile, onLoadFunction) {
+		if (onLoadFunction) this._doOnLoad = function() { onLoadFunction(); };
+		this.callEvent("onXLS", []);
+		this._xmlLoader.loadXML(xmlFile);
+	}
+	/**
+	*   @desc: loads menu data from an xml string and calls onLoadFunction when loading is done
+	*   @param: xmlFile - an xml string with webmenu data
+	*   @param: onLoadFunction - function that is called after loading is done
+	*   @type: public
+	*/
+	this.loadXMLString = function(xmlString, onLoadFunction) {
+		if (onLoadFunction) this._doOnLoad = function() { onLoadFunction(); };
+		this._xmlLoader.loadXMLString(xmlString);
+	}
+	this._buildMenu = function(t, parentId) {
+		// if (parentId==null) { parentId = this.topId;}
+		var u = 0;
+		for (var q=0; q<t.childNodes.length; q++) {
+			if (t.childNodes[q].tagName == this.itemTagName) {
+				var r = t.childNodes[q];
+				var item = {};
+				// basic
+				item["id"] = this.idPrefix+(r.getAttribute("id")||this._genStr(24));
+				item["title"] = r.getAttribute("text")||"";
+				// images
+				item["imgen"] = r.getAttribute("img")||"";
+				item["imgdis"] = r.getAttribute("imgdis")||"";
+				item["tip"] = "";
+				item["hotkey"] = "";
+				// custom css
+				if (r.getAttribute("cssNormal") != null) { item["cssNormal"] = r.getAttribute("cssNormal"); }
+				// type
+				item["type"] = r.getAttribute("type")||"item";
+//#menu_checks:06062008{
+				if (item["type"] == "checkbox") {
+					item["checked"] = (r.getAttribute("checked")!=null);
+					// set classname
+					item["imgen"] = "chbx_"+(item["checked"]?"1":"0");
+					item["imgdis"] = item["imgen"];
+				}
+//#}
+//#menu_radio:06062008{
+				if (item["type"] == "radio") {
+					item["checked"] = (r.getAttribute("checked")!=null);
+					item["imgen"] = "rdbt_"+(item["checked"]?"1":"0");
+					item["imgdis"] = item["imgen"];
+					item["group"] = r.getAttribute("group")||this._genStr(24);
+					if (this.radio[item["group"]]==null) { this.radio[item["group"]] = new Array(); }
+					this.radio[item["group"]][this.radio[item["group"]].length] = item["id"];
+				}
+//#}
+				// enable/disable
+				item["state"] = (r.getAttribute("enabled")!=null||r.getAttribute("disabled")!=null?(r.getAttribute("enabled")=="false"||r.getAttribute("disabled")=="true"?"disabled":"enabled"):"enabled");
+				item["parent"] = (parentId!=null?parentId:this.idPrefix+this.topId);
+				// item["complex"] = (((this.dLoad)&&(parentId!=null))?(r.getAttribute("complex")!=null?true:false):(this._buildMenu(r,item["id"])>0));
+				item["complex"] = (this.dLoad?(r.getAttribute("complex")!=null?true:false):(this._buildMenu(r,item["id"])>0));
+				if (this.dLoad && item["complex"]) { item["loaded"] = "no"; }
+				this.itemPull[item["id"]] = item;
+				// check for user data
+				for (var w=0; w<r.childNodes.length; w++) {
+					// added in 0.4
+					var tagNm = r.childNodes[w].tagName;
+					if (tagNm != null) { tagNm = tagNm.toLowerCase(); }
+					//
+					if (tagNm == this.userDataTagName) {
+						var d = r.childNodes[w];
+						if (d.getAttribute("name")!=null) { this.userData[item["id"]+"_"+d.getAttribute("name")] = (d.firstChild.nodeValue!=null?d.firstChild.nodeValue:""); }
+					}
+					// extended text, added in 0.4
+					if (tagNm == this.itemTextTagName) { item["title"] = r.childNodes[w].firstChild.nodeValue; }
+					// tooltips, added in 0.4
+					if (tagNm == this.itemTipTagName) { item["tip"] = r.childNodes[w].firstChild.nodeValue; }
+					// hotkeys, added in 0.4
+					if (tagNm == this.itemHotKeyTagName) { item["hotkey"] = r.childNodes[w].firstChild.nodeValue; }
+					// hrefs
+					if (tagNm == this.itemHrefTagName && item["type"] == "item") {
+						item["href_link"] = r.childNodes[w].firstChild.nodeValue;
+						if (r.childNodes[w].getAttribute("target") != null) { item["href_target"] = r.childNodes[w].getAttribute("target"); }
+					}
+				}
+				u++;
+			}
+		}
+		return u;
+	}
+	/* parse incoming xml */
+	this._xmlParser = function() {
+		if (main_self.dLoad) {
+			var t = this.getXMLTopNode("menu");
+			parentId = (t.getAttribute("parentId")!=null?t.getAttribute("parentId"):null);
+			if (parentId == null) {
+				// alert(1)
+				// main_self.idPrefix = main_self._genStr(12);
+				main_self._buildMenu(t, null);
+				main_self._initTopLevelMenu();
+			} else {
+				main_self._buildMenu(t, main_self.idPrefix+parentId);
+				main_self._addSubMenuPolygon(main_self.idPrefix+parentId, main_self.idPrefix+parentId);//, main_self.idPull[main_self.idPrefix+parentId]);
+				if (main_self.menuSelected == main_self.idPrefix+parentId) {
+					var pId = main_self.idPrefix+parentId;
+					var isTop = main_self.itemPull[main_self.idPrefix+parentId]["parent"]==main_self.idPrefix+main_self.topId;
+					var level = ((isTop&&(!main_self.context))?main_self.dirTopLevel:main_self.dirSubLevel);
+					var isShow = false;
+					if (isTop && main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
+						var item = main_self.idPull[main_self.idPrefix+parentId];
+						if (item._mouseOver == true) {
+							var delay = main_self.menuModeTopLevelTimeoutTime - (new Date().getTime()-item._dynLoadTM);
+							if (delay > 1) {
+								item._menuOpenTM = window.setTimeout(function(){ main_self._showPolygon(pId, level); }, delay);
+								isShow = true;
+							}
+						}
+					}
+					if (!isShow) { main_self._showPolygon(pId, level); }
+				}
+				main_self.itemPull[main_self.idPrefix+parentId]["loaded"] = "yes";
+				// console.log(main_self.loaderIcon)
+				if (main_self.loaderIcon == true) { main_self._updateLoaderIcon(main_self.idPrefix+parentId, false); }
+			}
+			this.destructor();
+			main_self.callEvent("onXLE",[]);
+		} else {
+			var t = this.getXMLTopNode("menu");
+			// alert(3)
+			// main_self.idPrefix = main_self._genStr(12);
+			main_self._buildMenu(t, null);
+			main_self.init();
+			main_self.callEvent("onXLE",[]);
+			main_self._doOnLoad();
+		}
+	}
+	this._xmlLoader = new dtmlXMLLoaderObject(this._xmlParser, window);
+	/* show sublevel item */
+	this._showSubLevelItem = function(id,back) {
+		if (document.getElementById("arrow_" + this.idPrefix + id) != null) { document.getElementById("arrow_" + this.idPrefix + id).style.display = (back?"none":""); }
+		if (document.getElementById("image_" + this.idPrefix + id) != null) { document.getElementById("image_" + this.idPrefix + id).style.display = (back?"none":""); }
+		if (document.getElementById(this.idPrefix + id) != null) { document.getElementById(this.idPrefix + id).style.display = (back?"":"none"); }
+	}
+	/* hide sublevel item */
+	this._hideSubLevelItem = function(id) {
+		this._showSubLevelItem(id,true)
+	}
+	// generating id prefix
+	this.idPrefix = this._genStr(12);
+	
+	/* attach body events */
+	this._bodyClick = function(e) {
+		e = e||event;
+		if (e.button == 2 || (_isOpera && e.ctrlKey == true)) return;
+		if (main_self.context) {
+			if (main_self.contextAutoHide && (!_isOpera || (main_self._isContextMenuVisible() && _isOpera))) main_self._hideContextMenu();
+		} else {
+			main_self._clearAndHide();
+		}
+	}
+	this._bodyContext = function(e) {
+		e = e||event;
+		var t = (e.srcElement||e.target).className;
+		if (t.search("dhtmlxMenu") != -1 && t.search("SubLevelArea") != -1) return;
+		var toHide = true;
+		var testZone = e.target || e.srcElement;
+		if (testZone.id != null) if (main_self.isContextZone(testZone.id)) toHide = false;
+		if (testZone == document.body) toHide = false;
+		if (toHide) main_self.hideContextMenu();
+	}
+	
+	if (_isIE) {
+		document.body.attachEvent("onclick", this._bodyClick);
+		document.body.attachEvent("oncontextmenu", this._bodyContext);
+	} else {
+		window.addEventListener("click", this._bodyClick, false);
+		window.addEventListener("contextmenu", this._bodyContext, false);
+	}
+	
+	// add menu to global store
+	this._UID = this._genStr(32);
+	dhtmlxMenuObjectLiveInstances[this._UID] = this;
+	
+	/* events */
+	dhtmlxEventable(this);
+	//
+	return this;
+}
+dhtmlXMenuObject.prototype.init = function() {
+	if (this._isInited == true) return;
+	if (this.dLoad) {
+		this.callEvent("onXLS", []);
+		// this._xmlLoader.loadXML(this.dLoadUrl+"?action=loadMenu&parentId="+this.topId+"&topId="+this.topId);
+		this._xmlLoader.loadXML(this.dLoadUrl+this.dLoadSign+"action=loadMenu&etc="+new Date().getTime()); // &&parentId=topId&"+this.topId+"&topId="+this.topId);
+	} else {
+		this._initTopLevelMenu();
+		this._isInited = true;
+	}
+}
+dhtmlXMenuObject.prototype._countVisiblePolygonItems = function(id) {
+	/*
+	var count = 0;
+	if ((this.idPull["polygon_"+id] != null) && (this.idPull[id] != null)) {
+		for (var q=0; q<this.idPull["polygon_"+id].childNodes.length; q++) {
+			var node = this.idPull["polygon_"+id].childNodes[q];
+			count += (((node.style.display=="none")||(node.className=="dhtmlxMenu_SubLevelArea_Separator"))?0:1);
+		}
+	}
+	*/
+	/* updated in 0.4 */
+	var count = 0;
+	// console.log(this.idPull)
+	for (var a in this.itemPull) {
+		//console.log(a)
+		var par = this.itemPull[a]["parent"];
+		var tp = this.itemPull[a]["type"];
+		if (this.idPull[a] != null) {
+			// console.log(this.idPull[a])
+			// alert(1111)
+			if (par == id && (tp == "item" || tp == "radio" || tp == "checkbox") && this.idPull[a].style.display != "none") {
+				count++;
+			}
+		}
+	}
+	return count;
+}
+dhtmlXMenuObject.prototype._redefineComplexState = function(id) {
+	// alert(id)
+	if (this.idPrefix+this.topId == id) { return; }
+	if ((this.idPull["polygon_"+id] != null) && (this.idPull[id] != null)) {
+		var u = this._countVisiblePolygonItems(id);
+		if ((u > 0) && (!this.itemPull[id]["complex"])) { this._updateItemComplexState(id, true, false); }
+		if ((u == 0) && (this.itemPull[id]["complex"])) { this._updateItemComplexState(id, false, false); }
+	}
+}
+/* complex arrow manipulations, over added in 0.4 */
+dhtmlXMenuObject.prototype._updateItemComplexState = function(id, state, over) {
+	// 0.2 FIX :: topLevel's items can have complex items with arrow
+	if ((!this.context) && (this._getItemLevelType(id.replace(this.idPrefix,"")) == "TopLevel")) {
+		// 30.06.2008 fix > complex state for top level item, state only, no arrow
+		this.itemPull[id]["complex"] = state;
+		return;
+	}
+	if ((this.idPull[id] == null) || (this.itemPull[id] == null)) { return; }
+	// 0.2 FIX :: end
+	this.itemPull[id]["complex"] = state;
+	// fixed in 0.4 for context
+	if (id == this.idPrefix+this.topId) return;
+	// end fix
+	// try to retrieve arrow img object
+	var arrowObj = null;
+	
+	
+	var item = this.idPull[id].childNodes[this._rtl?0:2];
+	if (item.childNodes[0]) if (String(item.childNodes[0].className).search("complex_arrow") === 0) arrowObj = item.childNodes[0];
+	
+	if (this.itemPull[id]["complex"]) {
+		// create arrow
+		if (arrowObj == null) {
+			arrowObj = document.createElement("DIV");
+			arrowObj.className = "complex_arrow";
+			arrowObj.id = "arrow_"+id;
+			while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
+			item.appendChild(arrowObj);
+		}
+		// over state added in 0.4
+		
+		if (this.dLoad && (this.itemPull[id]["loaded"] == "get") && this.loaderIcon) {
+			// change arrow to loader
+			if (arrowObj.className != "complex_arrow_loading") arrowObj.className = "complex_arrow_loading";
+		} else {
+			arrowObj.className = "complex_arrow";
+		}
+		
+		return;
+	}
+	
+	if ((!this.itemPull[id]["complex"]) && (arrowObj!=null)) {
+		item.removeChild(arrowObj);
+		if (this.itemPull[id]["hotkey_backup"] != null && this.setHotKey) { this.setHotKey(id.replace(this.idPrefix, ""), this.itemPull[id]["hotkey_backup"]); }
+	}
+	
+}
+
+/* return css-part level type */
+dhtmlXMenuObject.prototype._getItemLevelType = function(id) {
+	return (this.itemPull[this.idPrefix+id]["parent"]==this.idPrefix+this.topId?"TopLevel":"SubLevelArea");
+}
+/****************************************************************************************************************************************************/
+/*								 	"TOPLEVEL" LOW-LEVEL RENDERING						    */
+/* redistrib selection in case of top node in real-time mode */
+dhtmlXMenuObject.prototype._redistribTopLevelSelection = function(id, parent) {
+	// kick polygons and decelect before selected menues
+	var i = this._getSubItemToDeselectByPolygon("parent");
+	this._removeSubItemFromSelected(-1, -1);
+	for (var q=0; q<i.length; q++) {
+		if (i[q] != id) { this._hidePolygon(i[q]); }
+		if ((this.idPull[i[q]] != null) && (i[q] != id)) { this.idPull[i[q]].className = this.idPull[i[q]].className.replace(/Selected/g, "Normal"); }
+	}
+	// check if enabled
+	if (this.itemPull[this.idPrefix+id]["state"] == "enabled") {
+		this.idPull[this.idPrefix+id].className = "dhtmlxMenu_"+this.skin+"_TopLevel_Item_Selected";
+		//
+		this._addSubItemToSelected(this.idPrefix+id, "parent");
+		this.menuSelected = (this.menuMode=="win"?(this.menuSelected!=-1?id:this.menuSelected):id);
+		if ((this.itemPull[this.idPrefix+id]["complex"]) && (this.menuSelected != -1)) { this._showPolygon(this.idPrefix+id, this.dirTopLevel); }
+	}
+}
+dhtmlXMenuObject.prototype._initTopLevelMenu = function() {
+	// console.log(this.idPull);
+	this.dirTopLevel = "bottom";
+	this.dirSubLevel = (this._rtl?"left":"right");
+	if (this.context) {
+		this.idPull[this.idPrefix+this.topId] = new Array(0,0);
+		this._addSubMenuPolygon(this.idPrefix+this.topId, this.idPrefix+this.topId);
+	} else {
+		var m = this._getMenuNodes(this.idPrefix + this.topId);
+		for (var q=0; q<m.length; q++) {
+			if (this.itemPull[m[q]]["type"] == "item") this._renderToplevelItem(m[q], null);
+			if (this.itemPull[m[q]]["type"] == "separator") this._renderSeparator(m[q], null);
+		}
+	}
+}
+/* add top menu item, complex define that submenues are in presence */
+dhtmlXMenuObject.prototype._renderToplevelItem = function(id, pos) {
+	var main_self = this;
+	var m = document.createElement("DIV");
+	m.id = id;
+	// custom css
+	if (this.itemPull[id]["state"] == "enabled" && this.itemPull[id]["cssNormal"] != null) {
+		m.className = this.itemPull[id]["cssNormal"];
+	} else {
+		m.className = "dhtmlxMenu_"+this.skin+"_TopLevel_Item_"+(this.itemPull[id]["state"]=="enabled"?"Normal":"Disabled");
+	}
+	
+	// text
+	if (this.itemPull[id]["title"] != "") {
+		var t1 = document.createElement("DIV");
+		t1.className = "top_level_text";
+		t1.innerHTML = this.itemPull[id]["title"];
+		m.appendChild(t1);
+	}
+	// tooltip
+	if (this.itemPull[id]["tip"].length > 0) m.title = this.itemPull[id]["tip"];
+	//
+	// image in top level
+	if ((this.itemPull[id]["imgen"]!="")||(this.itemPull[id]["imgdis"]!="")) {
+		var imgTop=this.itemPull[id][(this.itemPull[id]["state"]=="enabled")?"imgen":"imgdis"];
+		if (imgTop) {
+			var img = document.createElement("IMG");
+			img.border = "0";
+			img.id = "image_"+id;
+			img.src= this.imagePath+imgTop;
+			img.className = "dhtmlxMenu_TopLevel_Item_Icon";
+			if (m.childNodes.length > 0 && !this._rtl) m.insertBefore(img, m.childNodes[0]); else m.appendChild(img);
+		}
+	}
+	m.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
+	m.oncontextmenu = function(e) { e = e || event; e.returnValue = false; return false; }
+	// add container for top-level items if not exists yet
+	if (!this.cont) {
+		this.cont = document.createElement("DIV");
+		this.cont.dir = "ltr";
+		this.cont.className = (this._align=="right"?"align_right":"align_left");
+		this.base.appendChild(this.cont);
+	}
+	// insert
+	/*
+	if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > this.base.childNodes.length - 1) pos = null; }
+	if (pos != null) this.base.insertBefore(m, this.base.childNodes[pos]); else this.base.appendChild(m);
+	*/
+	if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > this.cont.childNodes.length - 1) pos = null; }
+	if (pos != null) this.cont.insertBefore(m, this.cont.childNodes[pos]); else this.cont.appendChild(m);
+	
+	
+	//
+	this.idPull[m.id] = m;
+	// create submenues
+	if (this.itemPull[id]["complex"] && (!this.dLoad)) this._addSubMenuPolygon(this.itemPull[id]["id"], this.itemPull[id]["id"]);
+	// events
+	m.onmouseover = function() {
+		if (main_self.menuMode == "web") { window.clearTimeout(main_self.menuTimeoutHandler); }
+		// kick polygons and decelect before selected menues
+		var i = main_self._getSubItemToDeselectByPolygon("parent");
+		main_self._removeSubItemFromSelected(-1, -1);
+		for (var q=0; q<i.length; q++) {
+			if (i[q] != this.id) { main_self._hidePolygon(i[q]); }
+			if ((main_self.idPull[i[q]] != null) && (i[q] != this.id)) {
+				// custom css
+				if (main_self.itemPull[i[q]]["cssNormal"] != null) {
+					main_self.idPull[i[q]].className = main_self.itemPull[i[q]]["cssNormal"];
+				} else {
+					if (main_self.idPull[i[q]].className == "sub_item_selected") main_self.idPull[i[q]].className = "sub_item";
+					main_self.idPull[i[q]].className = main_self.idPull[i[q]].className.replace(/Selected/g, "Normal");
+				}
+			}
+		}
+		// check if enabled
+		if (main_self.itemPull[this.id]["state"] == "enabled") {
+			this.className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Selected";
+			//
+			main_self._addSubItemToSelected(this.id, "parent");
+			main_self.menuSelected = (main_self.menuMode=="win"?(main_self.menuSelected!=-1?this.id:main_self.menuSelected):this.id);
+			if (main_self.dLoad && (main_self.itemPull[this.id]["loaded"]=="no")) {
+				if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
+					this._mouseOver = true;
+					this._dynLoadTM = new Date().getTime();
+				}
+				var xmlLoader = new dtmlXMLLoaderObject(main_self._xmlParser, window);
+				main_self.itemPull[this.id]["loaded"] = "get";
+				main_self.callEvent("onXLS", []);
+				xmlLoader.loadXML(main_self.dLoadUrl+main_self.dLoadSign+"action=loadMenu&parentId="+this.id.replace(main_self.idPrefix,"")+"&etc="+new Date().getTime());
+			}
+			if ((!main_self.dLoad) || (main_self.dLoad && (main_self.itemPull[this.id]["loaded"]=="yes"))) {
+				if ((main_self.itemPull[this.id]["complex"]) && (main_self.menuSelected != -1)) {
+					if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
+						this._mouseOver = true;
+						var showItemId = this.id;
+						this._menuOpenTM = window.setTimeout(function(){main_self._showPolygon(showItemId, main_self.dirTopLevel);}, main_self.menuModeTopLevelTimeoutTime);
+					} else {
+						main_self._showPolygon(this.id, main_self.dirTopLevel);
+					}
+				}
+			}
+		}
+		main_self._doOnTouchMenu(this.id.replace(main_self.idPrefix, ""));
+	}
+	m.onmouseout = function() {
+		if (!((main_self.itemPull[this.id]["complex"]) && (main_self.menuSelected != -1)) && (main_self.itemPull[this.id]["state"]=="enabled")) {
+			// custom css
+			// console.log(main_self.itemPull[this.id])
+			if (main_self.itemPull[this.id]["cssNormal"] != null) {
+				// alert(1)
+				m.className = main_self.itemPull[this.id]["cssNormal"];
+			} else {
+				// default css
+				m.className = "dhtmlxMenu_"+main_self.skin+"_TopLevel_Item_Normal";
+			}
+		}
+		if (main_self.menuMode == "web") {
+			window.clearTimeout(main_self.menuTimeoutHandler);
+			main_self.menuTimeoutHandler = window.setTimeout(function(){main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");
+		}
+		if (main_self.menuModeTopLevelTimeout && main_self.menuMode == "web" && !main_self.context) {
+			this._mouseOver = false;
+			window.clearTimeout(this._menuOpenTM);
+		}
+	}
+	m.onclick = function(e) {
+		if (main_self.menuMode == "web") { window.clearTimeout(main_self.menuTimeoutHandler); }
+		// fix, added in 0.4
+		if (main_self.menuMode != "web" && main_self.itemPull[this.id]["state"] == "disabled") { return; }
+		//
+		e = e || event;
+		e.cancelBubble = true;
+		e.returnValue = false;
+		
+		if (main_self.menuMode == "win") {
+			if (main_self.itemPull[this.id]["complex"]) {
+				if (main_self.menuSelected == this.id) { main_self.menuSelected = -1; var s = false; } else { main_self.menuSelected = this.id; var s = true; }
+				if (s) { main_self._showPolygon(this.id, main_self.dirTopLevel); } else { main_self._hidePolygon(this.id); }
+			}
+		}
+		var tc = (main_self.itemPull[this.id]["complex"]?"c":"-");
+		var td = (main_self.itemPull[this.id]["state"]!="enabled"?"d":"-");
+		var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
+		main_self._doOnClick(this.id.replace(main_self.idPrefix, ""), tc+td+"t", cas);
+		return false;
+	}
+}
+/****************************************************************************************************************************************************/
+/**
+*   @desc: empty function, now more used from 90226
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.setImagePath = function() { /* no more used */ }
+/**
+*   @desc: defines an url where necessary user embedded icons are located
+*   @param: path - url to images
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.setIconsPath = function(path) { this.imagePath = path; }
+/**
+*   @desc: alias for setIconsPath
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.setIconPath = dhtmlXMenuObject.prototype.setIconsPath;
+/* real-time update icon in menu */
+dhtmlXMenuObject.prototype._updateItemImage = function(id, levelType) {
+	// search existsing image
+	
+	id = this.idPrefix+id;
+	var isTopLevel = (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.context);
+	
+	// search existing image
+	var imgObj = null;
+	if (isTopLevel) {
+		for (var q=0; q<this.idPull[id].childNodes.length; q++) {
+			try { if (this.idPull[id].childNodes[q].className == "dhtmlxMenu_TopLevel_Item_Icon") imgObj = this.idPull[id].childNodes[q]; } catch(e) {}
+		}
+	} else {
+		try { var imgObj = this.idPull[id].childNodes[this._rtl?2:0].childNodes[0]; } catch(e) { }
+	}
+	
+	if (this.itemPull[id]["type"] == "radio") {
+		var imgSrc = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
+		// console.log(this.itemPull[this.idPrefix+id])
+	} else {
+		var imgSrc = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
+	}
+	
+	if (imgSrc.length > 0) {
+		if (imgObj != null) {
+			imgObj.src = this.imagePath+imgSrc;
+		} else {
+			if (isTopLevel) {
+				var imgObj = document.createElement("IMG");
+				imgObj.className = "dhtmlxMenu_TopLevel_Item_Icon";
+				imgObj.src = this.imagePath+imgSrc;
+				imgObj.border = "0";
+				imgObj.id = "image_"+id;
+				if (!this._rtl && this.idPull[id].childNodes.length > 0) this.idPull[id].insertBefore(imgObj,this.idPull[id].childNodes[0]); else this.idPull[id].appendChild(imgObj);
+				
+			} else {
+				
+				var imgObj = document.createElement("IMG");
+				imgObj.className = "sub_icon";
+				imgObj.src = this.imagePath+imgSrc;
+				imgObj.border = "0";
+				imgObj.id = "image_"+id;
+				var item = this.idPull[id].childNodes[this._rtl?2:0];
+				while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
+				item.appendChild(imgObj);
+				
+			}
+		}
+	} else {
+		if (imgObj != null) imgObj.parentNode.removeChild(imgObj);
+	}
+}
+/**
+*   @desc: removes an item from the menu with all nested sublevels
+*   @param: id - id of the item for removing
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.removeItem = function(id, _isTId, _recCall) {
+	if (!_isTId) id = this.idPrefix + id;
+	
+	var pId = null;
+	
+	if (id != this.idPrefix+this.topId) {
+		
+		if (this.itemPull[id] == null) return;
+		
+		// separator top
+		var t = this.itemPull[id]["type"];
+		
+		if (t == "separator") {
+			var item = this.idPull["separator_"+id];
+			if (this.itemPull[id]["parent"] == this.idPrefix+this.topId) {
+				item.onclick = null;
+				item.onselectstart = null;
+				item.id = null;
+				item.parentNode.removeChild(item);
+			} else {
+				item.childNodes[0].childNodes[0].onclick = null;
+				item.childNodes[0].childNodes[0].onselectstart = null;
+				item.childNodes[0].childNodes[0].id = null;
+				item.childNodes[0].removeChild(item.childNodes[0].childNodes[0]);
+				item.removeChild(item.childNodes[0]);
+				item.parentNode.removeChild(item);
+			}
+			this.idPull["separator_"+id] = null;
+			this.itemPull[id] = null;
+			delete this.idPull["separator_"+id];
+			delete this.itemPull[id];
+			item = null;
+		} else {
+			// item checkbox radio
+			pId = this.itemPull[id]["parent"];
+			var item = this.idPull[id];
+			item.onclick = null;
+			item.oncontextmenu = null;
+			item.onmouseover = null;
+			item.onmouseout = null;
+			item.onselectstart = null;
+			item.id = null;
+			while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
+			item.parentNode.removeChild(item);
+			this.idPull[id] = null;
+			this.itemPull[id] = null;
+			delete this.idPull[id];
+			delete this.itemPull[id];
+			item = null;
+			
+		}
+		t = null;
+	}
+	
+	// clear nested items
+	for (var a in this.itemPull) if (this.itemPull[a]["parent"] == id) this.removeItem(a, true, true);
+	
+	// check if empty polygon left
+	var p2 = new Array(id);
+	if (pId != null && !_recCall) {
+		if (this.idPull["polygon_"+pId] != null) {
+			if (this.idPull["polygon_"+pId].tbd.childNodes.length == 0) {
+				p2.push(pId);
+				this._updateItemComplexState(pId, false, false);
+			}
+		}
+	}
+	
+	// delete nested polygons and parent's if any
+	for (var q=0; q<p2.length; q++) {
+		if (this.idPull["polygon_"+p2[q]]) {
+			var p = this.idPull["polygon_"+p2[q]];
+			p.onclick = null;
+			p.oncontextmenu = null;
+			p.tbl.removeChild(p.tbd);
+			p.tbd = null;
+			p.removeChild(p.tbl);
+			p.tbl = null;
+			p.id = null;
+			p.parentNode.removeChild(p);
+			p = null;
+			if (this._isIE6) {
+				var pc = "polygon_"+p2[q]+"_ie6cover";
+				if (this.idPull[pc] != null) { document.body.removeChild(this.idPull[pc]); delete this.idPull[pc]; }
+			}
+			if (this.idPull["arrowup_"+id] != null && this._removeArrow) this._removeArrow("arrowup_"+id);
+			if (this.idPull["arrowdown_"+id] != null && this._removeArrow) this._removeArrow("arrowdown_"+id);
+			//
+			this.idPull["polygon_"+p2[q]] = null;
+			delete this.idPull["polygon_"+p2[q]];
+		}
+	}
+	p2 = null;
+	
+	
+	/*
+	// get parent
+	var parentId = this.itemPull[id]["parent"];
+	// separator
+	if (this.itemPull[id]["type"] == "separator") {
+		this.idPull["separator_"+id].parentNode.removeChild(this.idPull["separator_"+id]);
+		this.idPull["separator_"+id] = null;
+		this.itemPull[id] = null;
+		delete this.idPull["separator_"+id];
+		delete this.itemPull[id];
+		// return;
+	} else {
+		// complex/single item
+		if (this.itemPull[id]["complex"]) {
+			var items = this._getAllParents(id);
+			items[items.length] = id;
+			var polygons = new Array();
+			for (var q=0; q<items.length; q++) {
+				if (this.itemPull[items[q]]["type"] == "separator") {
+					this.removeItem(items[q].replace(this.idPrefix,""));
+				} else {
+					if (this.itemPull[items[q]]["complex"]) { polygons[polygons.length] = items[q]; }
+					this.idPull[items[q]].parentNode.removeChild(this.idPull[items[q]]);
+					this.idPull[items[q]] = null;
+					this.itemPull[items[q]] = null;
+					delete this.idPull[items[q]];
+					delete this.itemPull[items[q]];
+				}
+			}
+			for (var q=0; q<polygons.length; q++) {
+				this.idPull["polygon_"+polygons[q]].parentNode.removeChild(this.idPull["polygon_"+polygons[q]]);
+				if (this._isIE6) {
+					var pId = "polygon_"+polygons[q]+"_ie6cover";
+					if (this.idPull[pId] != null) { document.body.removeChild(this.idPull[pId]); delete this.idPull[pId]; }
+				}
+				this.idPull["polygon_"+polygons[q]] = null;
+				this.itemPull[polygons[q]] = null;
+				delete this.idPull["polygon_"+polygons[q]];
+				delete this.itemPull[polygons[q]];
+			}
+		} else {
+			this.idPull[id].parentNode.removeChild(this.idPull[id]);
+			this.idPull[id] = null;
+			this.itemPull[id] = null;
+			delete this.idPull[id];
+			delete this.itemPull[id];
+		}
+	}
+	// checking existing empty polygon
+	if (this.idPull["polygon_"+parentId] != null) {
+		var p = this.idPull["polygon_"+parentId];
+		if (p.tbd.childNodes.length == 0) {
+			p.tbd.parentNode.removeChild(p.tbd);
+			p.tbl.parentNode.removeChild(p.tbl);
+			document.body.removeChild(p);
+			p = null;
+			if (this._isIE6) {
+				var pId = "polygon_"+parentId+"_ie6cover";
+				if (this.idPull[pId] != null) {
+					document.body.removeChild(this.idPull[pId]);
+					this.idPull[pId] = null;
+					delete this.idPull[pId];
+				}
+			}
+			this.idPull["polygon_"+parentId] = null;
+			delete this.idPull["polygon_"+parentId];
+			this._updateItemComplexState(parentId, false, false);
+		}
+	}
+	*/
+}
+/* collect parents for remove complex item */
+dhtmlXMenuObject.prototype._getAllParents = function(id) {
+	var parents = new Array();
+	for (var a in this.itemPull) {
+		if (this.itemPull[a]["parent"] == id) {
+			parents[parents.length] = this.itemPull[a]["id"];
+			if (this.itemPull[a]["complex"]) {
+				var t = this._getAllParents(this.itemPull[a]["id"]);
+				for (var q=0; q<t.length; q++) { parents[parents.length] = t[q]; }
+			}
+		}
+	}
+	return parents;
+}
+
+//#menu_context:06062008{
+	
+/****************************************************************************************************************************************************/
+/*								 	CONTEXT STUFF								    */
+/* render dhtmlxMenu as context menu of base object */
+/**
+*   @desc: renders menu as contextual
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.renderAsContextMenu = function() {
+	this.context = true;
+	if (this.base._autoSkinUpdate == true) {
+		this.base.className = this.base.className.replace("dhtmlxMenu_"+this.skin+"_Middle","");
+		this.base._autoSkinUpdate = false;
+	}
+	if (this.addBaseIdAsContextZone != null) { this.addContextZone(this.addBaseIdAsContextZone); }
+}
+/**
+*   @desc: adds a contextual zone to a contextual menu
+*   @param: zoneId - id of the object on page to render as a contextual zone
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.addContextZone = function(zoneId) {
+	if (zoneId == document.body) {
+		zoneId = "document.body."+this.idPrefix;
+		var zone = document.body;
+	} else {
+		var zone = document.getElementById(zoneId);
+	}
+	var zoneExists = false;
+	for (var a in this.contextZones) { zoneExists = zoneExists || (a == zoneId) || (this.contextZones[a] == zone); }
+	if (zoneExists == true) return false;
+	this.contextZones[zoneId] = zone;
+	var main_self = this;
+	if (_isOpera) {
+		this.operaContext = function(e){ main_self._doOnContextMenuOpera(e, main_self); }
+		zone.addEventListener("mouseup", this.operaContext, false);
+		//
+	} else {
+		if (zone.oncontextmenu != null && !zone._oldContextMenuHandler) zone._oldContextMenuHandler = zone.oncontextmenu;
+		zone.oncontextmenu = function(e) {
+			// autoclose any other opened context menues
+			for (var q in dhtmlxMenuObjectLiveInstances) {
+				if (q != main_self._UID) {
+					if (dhtmlxMenuObjectLiveInstances[q].context) {
+						dhtmlxMenuObjectLiveInstances[q]._hideContextMenu();
+					}
+				}
+			}
+			//
+			e = e||event;
+			e.cancelBubble = true;
+			e.returnValue = false;
+			main_self._doOnContextBeforeCall(e, this);
+			return false;
+		}
+	}
+}
+dhtmlXMenuObject.prototype._doOnContextMenuOpera = function(e, main_self) {
+	// autoclose any other opened context menues
+	for (var q in dhtmlxMenuObjectLiveInstances) {
+		if (q != main_self._UID) {
+			if (dhtmlxMenuObjectLiveInstances[q].context) {
+				dhtmlxMenuObjectLiveInstances[q]._hideContextMenu();
+			}
+		}
+	}
+	//
+	e.cancelBubble = true;
+	e.returnValue = false;
+	if (e.button == 0 && e.ctrlKey == true) { main_self._doOnContextBeforeCall(e, this); }
+	return false;
+}
+/**
+*   @desc: removes an object from contextual zones list
+*   @param: zoneId - id of a contextual zone
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.removeContextZone = function(zoneId) {
+	if (!this.isContextZone(zoneId)) return false;
+	if (zoneId == document.body) zoneId = "document.body."+this.idPrefix;
+	var zone = this.contextZones[zoneId];
+	if (_isOpera) {
+		zone.removeEventListener("mouseup", this.operaContext, false);
+	} else {
+		zone.oncontextmenu = (zone._oldContextMenuHandler!=null?zone._oldContextMenuHandler:null);
+		zone._oldContextMenuHandler = null;
+	}
+	try {
+		this.contextZones[zoneId] = null;
+		delete this.contextZones[zoneId];
+ 	} catch(e){}
+	return true;
+}
+/**
+*   @desc: returns true if an object is used as a contextual zone for the menu
+*   @param: zoneId - id of the object to check
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.isContextZone = function(zoneId) {
+	if (zoneId == document.body && this.contextZones["document.body."+this.idPrefix] != null) return true;
+	var isZone = false;
+	if (this.contextZones[zoneId] != null) { if (this.contextZones[zoneId] == document.getElementById(zoneId)) isZone = true; }
+	return isZone;
+}
+dhtmlXMenuObject.prototype._isContextMenuVisible = function() {
+	if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
+	return (this.idPull["polygon_"+this.idPrefix+this.topId].style.display == "");
+}
+dhtmlXMenuObject.prototype._showContextMenu = function(x, y, zoneId) {
+	// hide any opened context menu/polygons
+	this._clearAndHide();
+	// this._hideContextMenu();
+	// open
+	if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
+	window.clearTimeout(this.menuTimeoutHandler);
+	this.idPull[this.idPrefix+this.topId] = new Array(x, y);
+	this._showPolygon(this.idPrefix+this.topId, "bottom");
+	this.callEvent("onContextMenu", [zoneId]);
+}
+dhtmlXMenuObject.prototype._hideContextMenu = function() {
+	if (this.idPull["polygon_"+this.idPrefix+this.topId] == null) return false;
+	this._clearAndHide();
+	this._hidePolygon(this.idPrefix+this.topId);
+	this.zInd = this.zIndInit;
+}
+/****************************************************************************************************************************************************/
+dhtmlXMenuObject.prototype._doOnContextBeforeCall = function(e, cZone) {
+	this.contextMenuZoneId = cZone.id;
+	this._clearAndHide();
+	this._hideContextMenu();
+	
+	// scroll settings
+	var p = (e.srcElement||e.target);
+	var px = (_isIE||_isOpera||_KHTMLrv?e.offsetX:e.layerX);
+	var py = (_isIE||_isOpera||_KHTMLrv?e.offsetY:e.layerY);
+	var mx = getAbsoluteLeft(p)+px;
+	var my = getAbsoluteTop(p)+py;
+	
+	if (this.checkEvent("onBeforeContextMenu")) {
+		if (this.callEvent("onBeforeContextMenu", [cZone.id])) {
+			if (this.contextAutoShow) {
+				this._showContextMenu(mx, my);
+				this.callEvent("onAfterContextMenu", [cZone.id]);
+			}
+		}
+	} else {
+		if (this.contextAutoShow) {
+			this._showContextMenu(mx, my);
+			this.callEvent("onAfterContextMenu", [cZone.id]);
+		}
+	}
+}
+/* public: user call for show/hide context menu */
+/**
+*   @desc: usercall to show a contextual menu
+*   @param: x - position of the menu on x axis
+*   @param: y - position of the menu on y axis
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.showContextMenu = function(x, y) {
+	this._showContextMenu(x, y, false);
+}
+/**
+*   @desc: usercall to hide a contextual menu
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.hideContextMenu = function() {
+	this._hideContextMenu();
+}
+dhtmlXMenuObject.prototype._autoDetectVisibleArea = function() {
+	if (this._isVisibleArea) return;
+	//
+	this.menuX1 = document.body.scrollLeft;
+	this.menuX2 = this.menuX1+(window.innerWidth||document.body.clientWidth);
+	this.menuY1 = Math.max((_isIE?document.documentElement:document.getElementsByTagName("html")[0]).scrollTop, document.body.scrollTop);
+	// this.menuY2 = this.menuY1+(_isIE?(document.documentElement?Math.max(document.documentElement.clientHeight:document.body.clientHeight):window.innerHeight);
+	this.menuY2 = this.menuY1+(_isIE?Math.max(document.documentElement.clientHeight||0,document.documentElement.offsetHeight||0,document.body.clientHeight||0):window.innerHeight);
+	
+}
+/* inner - returns true if prognozided polygon layout off the visible area */
+/*dhtmlXMenuObject.prototype._isInVisibleArea = function(x, y, w, h) {
+	return ((x >= this.menuX1) && (x+w<=this.menuX2) && (y >= this.menuY1) && (y+h <= this.menuY2));
+}*/
+
+
+//#}
+
+/**
+*   @desc: returns item's position in the current polygon
+*   @param: id - the item
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.getItemPosition = function(id) {
+	id = this.idPrefix+id;
+	var pos = -1;
+	if (this.itemPull[id] == null) return pos;
+	var parent = this.itemPull[id]["parent"];
+	// var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.base);
+	var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.cont);
+	for (var q=0; q<obj.childNodes.length; q++) { if (obj.childNodes[q]==this.idPull["separator_"+id]||obj.childNodes[q]==this.idPull[id]) { pos = q; } }
+	return pos;
+}
+
+/**
+*   @desc: sets new item's position in the current polygon (moves an item inside the single level)
+*   @param: id - the item
+*   @param: pos - the position (int)
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.setItemPosition = function(id, pos) {
+	id = this.idPrefix+id;
+	if (this.idPull[id] == null) { return; }
+	// added in 0.4
+	var isOnTopLevel = (this.itemPull[id]["parent"] == this.idPrefix+this.topId);
+	//
+	var itemData = this.idPull[id];
+	var itemPos = this.getItemPosition(id.replace(this.idPrefix,""));
+	var parent = this.itemPull[id]["parent"];
+	// var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.base);
+	var obj = (this.idPull["polygon_"+parent]!=null?this.idPull["polygon_"+parent].tbd:this.cont);
+	obj.removeChild(obj.childNodes[itemPos]);
+	if (pos < 0) pos = 0;
+	// added in 0.4
+	if (isOnTopLevel && pos < 1) { pos = 1; }
+	//
+	if (pos < obj.childNodes.length) { obj.insertBefore(itemData, obj.childNodes[pos]); } else { obj.appendChild(itemData); }
+}
+
+/**
+*   @desc: returns parent's id
+*   @param: id - the item
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.getParentId = function(id) {
+	id = this.idPrefix+id;
+	if (this.itemPull[id] == null) { return null; }
+	return ((this.itemPull[id]["parent"]!=null?this.itemPull[id]["parent"]:this.topId).replace(this.idPrefix,""));
+}
+/* public: add item */
+
+/**
+*   @desc: adds a new sibling item
+*   @param: nextToId - id of the element after which a new one will be inserted
+*   @param: itemId - id of a new item
+*   @param: itemText - text of a new item
+*   @param: disabled - true|false, whether the item is disabled or not
+*   @param: img - image for the enabled item
+*   @param: imgDis - image for the disabled item
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.addNewSibling = function(nextToId, itemId, itemText, disabled, imgEnabled, imgDisabled) {
+	var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
+	var parentId = this.idPrefix+(nextToId!=null?this.getParentId(nextToId):this.topId);
+	// console.log(id, parentId)
+	// console.log(id, ",", parentId)
+	this._addItemIntoGlobalStrorage(id, parentId, itemText, "item", disabled, imgEnabled, imgDisabled);
+	if ((parentId == this.idPrefix+this.topId) && (!this.context)) {
+		this._renderToplevelItem(id, this.getItemPosition(nextToId));
+	} else {
+		this._renderSublevelItem(id, this.getItemPosition(nextToId));
+	}
+}
+
+/**
+*   @desc: adds a new child item
+*   @param: parentId - the item which will contain a new item in the sublevel
+*   @param: position - the position of a new item
+*   @param: itemId - id of a new item
+*   @param: itemText - text of a new item
+*   @param: disabled - true|false, whether the item is disabled or not
+*   @param: img - image for the enabled item
+*   @param: imgDis - image for the disabled item
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.addNewChild = function(parentId, pos, itemId, itemText, disabled, imgEnabled, imgDisabled) {
+	if (parentId == null) {
+		if (this.context) {
+			parentId = this.topId;
+		} else {
+			this.addNewSibling(parentId, itemId, itemText, disabled, imgEnabled, imgDisabled);
+			if (pos != null) this.setItemPosition(itemId, pos);
+			return;
+		}
+	}
+	itemId = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
+	// remove hotkey, added in 0.4
+	if (this.setHotKey) this.setHotKey(parentId, "");
+	//
+	parentId = this.idPrefix+parentId;
+	this._addItemIntoGlobalStrorage(itemId, parentId, itemText, "item", disabled, imgEnabled, imgDisabled);
+	if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
+	this._renderSublevelItem(itemId, pos-1);
+	// console.log(parentId)
+	this._redefineComplexState(parentId);
+}
+
+/* add item to storage */
+dhtmlXMenuObject.prototype._addItemIntoGlobalStrorage = function(itemId, itemParentId, itemText, itemType, disabled, img, imgDis) {
+	var item = {
+		id:	itemId,
+		title:	itemText,
+		imgen:	(img!=null?img:""),
+		imgdis:	(imgDis!=null?imgDis:""),
+		type:	itemType,
+		state:	(disabled==true?"disabled":"enabled"),
+		parent:	itemParentId,
+		complex:false,
+		hotkey:	"",
+		tip:	""};
+	this.itemPull[item.id] = item;
+}
+/* recursively creates and adds submenu polygon */
+dhtmlXMenuObject.prototype._addSubMenuPolygon = function(id, parentId) {
+	var s = this._renderSublevelPolygon(id, parentId);
+	var j = this._getMenuNodes(parentId);
+	for (q=0; q<j.length; q++) { if (this.itemPull[j[q]]["type"] == "separator") { this._renderSeparator(j[q], null); } else { this._renderSublevelItem(j[q], null); } }
+	if (id == parentId) { var level = "topLevel"; } else { var level = "subLevel"; }
+	for (var q=0; q<j.length; q++) { if (this.itemPull[j[q]]["complex"]) { this._addSubMenuPolygon(id, this.itemPull[j[q]]["id"]); } }
+}
+/* inner: add single subpolygon/item/separator */
+dhtmlXMenuObject.prototype._renderSublevelPolygon = function(id, parentId) {
+	var s = document.createElement("DIV");
+	s.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_Polygon "+(this._rtl?"dir_right":"");
+	s.dir = "ltr";
+	s.oncontextmenu = function(e) { e = e||event; e.returnValue = false; e.cancelBubble = true; return false; }
+	s.id = "polygon_" + parentId;
+	s.onclick = function(e) { e = e || event; e.cancelBubble = true; }
+	s.style.display = "none";
+	document.body.insertBefore(s, document.body.firstChild);
+	//
+	var tbl = document.createElement("TABLE");
+	tbl.className = "dhtmlxMebu_SubLevelArea_Tbl";
+	tbl.cellSpacing = 0;
+	tbl.cellPadding = 0;
+	tbl.border = 0;
+	var tbd = document.createElement("TBODY");
+	tbl.appendChild(tbd);
+	s.appendChild(tbl);
+	s.tbl = tbl;
+	s.tbd = tbd;
+	// polygon
+	this.idPull[s.id] = s;
+	if (this.sxDacProc != null) {
+		this.idPull["sxDac_" + parentId] = new this.sxDacProc(s, s.className);
+		if (_isIE) {
+			this.idPull["sxDac_" + parentId]._setSpeed(this.dacSpeedIE);
+			this.idPull["sxDac_" + parentId]._setCustomCycle(this.dacCyclesIE);
+		} else {
+			this.idPull["sxDac_" + parentId]._setSpeed(this.dacSpeed);
+			this.idPull["sxDac_" + parentId]._setCustomCycle(this.dacCycles);
+		}
+	}
+	return s;
+}
+dhtmlXMenuObject.prototype._renderSublevelItem = function(id, pos) {
+	var main_self = this;
+	
+	var tr = document.createElement("TR");
+	tr.className = (this.itemPull[id]["state"]=="enabled"?"sub_item":"sub_item_dis");
+	
+	// icon
+	var t1 = document.createElement("TD");
+	t1.className = "sub_item_icon";
+	var icon = this.itemPull[id][(this.itemPull[id]["state"]=="enabled"?"imgen":"imgdis")];
+	if (icon != "") {
+		var tp = this.itemPull[id]["type"];
+		if (tp=="checkbox"||tp=="radio") {
+			var img = document.createElement("DIV");
+			img.id = "image_"+this.itemPull[id]["id"];
+			img.className = "sub_icon "+icon;
+			t1.appendChild(img);
+		}
+		if (!(tp=="checkbox"||tp=="radio")) {
+			var img = document.createElement("IMG");
+			img.id = "image_"+this.itemPull[id]["id"];
+			img.className = "sub_icon";
+			img.src = this.imagePath+icon;
+			t1.appendChild(img);
+		}
+	}
+	
+	// text
+	var t2 = document.createElement("TD");
+	t2.className = "sub_item_text";
+	if (this.itemPull[id]["title"] != "") {
+		var t2t = document.createElement("DIV");
+		t2t.className = "sub_item_text";
+		t2t.innerHTML = this.itemPull[id]["title"];
+		t2.appendChild(t2t);
+	} else {
+		t2.innerHTML = "&nbsp;";
+	}
+	
+	// hotkey/sublevel arrow
+	var t3 = document.createElement("TD");
+	t3.className = "sub_item_hk";
+	if (this.itemPull[id]["complex"]) {
+		
+		var arw = document.createElement("DIV");
+		arw.className = "complex_arrow";
+		arw.id = "arrow_"+this.itemPull[id]["id"];
+		t3.appendChild(arw);
+		
+	} else {
+		if (this.itemPull[id]["hotkey"].length > 0 && !this.itemPull[id]["complex"]) {
+			var t3t = document.createElement("DIV");
+			t3t.className = "sub_item_hk";
+			t3t.innerHTML = this.itemPull[id]["hotkey"];
+			t3.appendChild(t3t);
+		} else {
+			t3.innerHTML = "&nbsp;";
+		}
+	}
+	tr.appendChild(this._rtl?t3:t1);
+	tr.appendChild(t2);
+	tr.appendChild(this._rtl?t1:t3);
+	
+	
+	//
+	tr.id = this.itemPull[id]["id"];
+	tr.parent = this.itemPull[id]["parent"];
+	// tooltip, added in 0.4
+	if (this.itemPull[id]["tip"].length > 0) tr.title = this.itemPull[id]["tip"];
+	//
+	tr.onselectstart = function(e) { e = e || event; e.returnValue = false; return false; }
+	tr.onmouseover = function() {
+		if (main_self.menuMode == "web") window.clearTimeout(main_self.menuTimeoutHandler);
+		main_self._redistribSubLevelSelection(this.id, this.parent);
+	}
+	if (main_self.menuMode == "web") {
+		tr.onmouseout = function() {
+			window.clearTimeout(main_self.menuTimeoutHandler);
+			main_self.menuTimeoutHandler = window.setTimeout(function(){main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");
+		}
+	}
+	tr.onclick = function(e) {
+		// added in 0.4, preven complex closing if user event not defined
+		if (!main_self.checkEvent("onClick") && main_self.itemPull[this.id]["complex"]) return;
+		//
+		e = e || event; e.cancelBubble = true;
+		e.returnValue = false;
+		tc = (main_self.itemPull[this.id]["complex"]?"c":"-");
+		td = (main_self.itemPull[this.id]["state"]=="enabled"?"-":"d");
+		var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
+		switch (main_self.itemPull[this.id]["type"]) {
+			case "checkbox":
+				main_self._checkboxOnClickHandler(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
+				break;
+			case "radio":
+				main_self._radioOnClickHandler(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
+				break;
+			case "item":
+				main_self._doOnClick(this.id.replace(main_self.idPrefix, ""), tc+td+"n", cas);
+				break;
+		}
+		return false;
+	}
+	// add
+	var polygon = this.idPull["polygon_"+this.itemPull[id]["parent"]];
+	if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > polygon.tbd.childNodes.length - 1) pos = null; }
+	if (pos != null && polygon.tbd.childNodes[pos] != null) polygon.tbd.insertBefore(tr, polygon.tbd.childNodes[pos]); else polygon.tbd.appendChild(tr);
+	this.idPull[tr.id] = tr;
+}
+/****************************************************************************************************************************************************/
+/*								 	SEPARATOR								    */
+dhtmlXMenuObject.prototype._renderSeparator = function(id, pos) {
+	var level = (this.context?"SubLevelArea":(this.itemPull[id]["parent"]==this.idPrefix+this.topId?"TopLevel":"SubLevelArea"));
+	if (level == "TopLevel" && this.context) return;
+	
+	var main_self = this;
+	
+	if (level != "TopLevel") {
+		var tr = document.createElement("TR");
+		tr.className = "sub_sep";
+		var td = document.createElement("TD");
+		td.colSpan = "3";
+		tr.appendChild(td);
+	}
+	
+	var k = document.createElement("DIV");
+	k.id = "separator_"+id;
+	k.className = (level=="TopLevel"?"top_sep":"sub_sep");
+	k.onselectstart = function(e) { e = e || event; e.returnValue = false; }
+	k.onclick = function(e) {
+		e = e || event; e.cancelBubble = true;
+		var cas = {"ctrl": e.ctrlKey, "alt": e.altKey, "shift": e.shiftKey};
+		main_self._doOnClick(this.id.replace("separator_" + main_self.idPrefix, ""), "--s", cas);
+	}
+	if (level == "TopLevel") {
+		if (pos != null) {
+			pos++; if (pos < 0) { pos = 0; }
+			// if (this.base.childNodes[pos] != null) { this.base.insertBefore(k, this.base.childNodes[pos]); } else { this.base.appendChild(k); }
+			if (this.cont.childNodes[pos] != null) { this.cont.insertBefore(k, this.cont.childNodes[pos]); } else { this.cont.appendChild(k); }
+		} else {
+			// add as a last item
+			// var last = this.base.childNodes[this.base.childNodes.length-1];
+			var last = this.cont.childNodes[this.cont.childNodes.length-1];
+			// if (String(last).search("TopLevel_Text") == -1) { this.base.appendChild(k); } else { this.base.insertBefore(k, last); }
+			if (String(last).search("TopLevel_Text") == -1) { this.cont.appendChild(k); } else { this.cont.insertBefore(k, last); }
+		}
+		this.idPull[k.id] = k;
+	} else {
+		var polygon = this.idPull["polygon_"+this.itemPull[id]["parent"]];
+		if (pos != null) { pos++; if (pos < 0) pos = 0; if (pos > polygon.tbd.childNodes.length - 1) pos = null; }
+		if (pos != null && polygon.tbd.childNodes[pos] != null) polygon.tbd.insertBefore(tr, polygon.tbd.childNodes[pos]); else polygon.tbd.appendChild(tr);
+		td.appendChild(k);
+		this.idPull[k.id] = tr;
+	}
+}
+/**
+*   @desc: add a new separator
+*   @param: nextToId - id of the element after which a new separator will be inserted
+*   @param: itemId - id of a new separator
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.addNewSeparator = function(nextToId, itemId) { //, disabled) {
+	itemId = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
+	var parentId = this.idPrefix+this.getParentId(nextToId);
+	// if ((parentId == this.idPrefix+this.topId) && (!this.context)) { return; }
+	// this._addItemIntoGlobalStrorage(itemId, parentId, "", "item", disabled, "", "");
+	// this._addItemIntoGlobalStrorage(itemId, parentId, "", "item", false, "", "");
+	this._addItemIntoGlobalStrorage(itemId, parentId, "", "separator", false, "", "");
+	this._renderSeparator(itemId, this.getItemPosition(nextToId));
+}
+/****************************************************************************************************************************************************/
+// hide any opened polygons
+/**
+*   @desc: hides any open menu polygons
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.hide = function() {
+	this._clearAndHide();
+}
+/**
+*   @desc: clear all loaded items
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.clearAll = function() {
+	/*
+	for (var a in this.itemPull) {
+		if (this.itemPull[a]["parent"] == this.idPrefix+this.topId) {
+			this.removeItem(String(a).replace(this.idPrefix,""));
+		}
+	}
+	*/
+	this.removeItem(this.idPrefix+this.topId, true);
+	this._isInited = false;
+	this.idPrefix = this._genStr(12);
+}
+/****************************************************************************************************************************************************/
+/**
+*   @desc: unloads menu from page (destructor)
+*   @type: public
+*/
+dhtmlXMenuObject.prototype.unload = function() {
+	
+	if (_isIE) {
+		document.body.detachEvent("onclick", this._bodyClick);
+		document.body.detachEvent("oncontextmenu", this._bodyContext);
+	} else {
+		window.removeEventListener("click", this._bodyClick, false);
+		window.removeEventListener("contextmenu", this._bodyContext, false);
+	}
+	this._bodyClick = null;
+	this._bodyContext = null;
+	
+	// will recursively remove all items
+	this.removeItem(this.idPrefix+this.topId, true);
+	
+	this.itemPull = null;
+	this.idPull = null;
+	
+	// clear context zones
+	if (this.context) for (var a in this.contextZones) this.removeContextZone(a);
+	
+	if (this.cont != null) {
+		this.cont.className = "";
+		this.cont.parentNode.removeChild(this.cont);
+		this.cont = null;
+	}
+	
+	if (this.base != null) {
+		this.base.className = "";
+		if (!this.context) this.base.oncontextmenu = (this.base._oldContextMenuHandler||null);
+		this.base.onselectstart = null;
+		this.base = null;
+	}
+	this.setSkin = null;
+	
+	this.detachAllEvents();
+	
+	if (this._xmlLoader) {
+		this._xmlLoader.destructor();
+		this._xmlLoader = null;
+	}
+	
+	this._align = null;
+	this._arrowFFFix = null;
+	this._isIE6 = null;
+	this._isInited = null;
+	this._rtl = null;
+	this._scrollDownTMStep = null;
+	this._scrollDownTMTime = null;
+	this._scrollUpTMStep = null;
+	this._scrollUpTMTime = null;
+	this._topLevelBottomMargin = null;
+	this._topLevelOffsetLeft = null;
+	this._topLevelBottomMargin = null;
+	this._topLevelRightMargin = null;
+	this.addBaseIdAsContextZone = null;
+	this.context = null;
+	this.contextAutoHide = null;
+	this.contextAutoShow = null;
+	this.contextHideAllMode = null;
+	this.contextMenuZoneId = null;
+	this.dLoad = null;
+	this.dLoadSign = null;
+	this.dLoadUrl = null;
+	this.loaderIcon = null;
+	this.fixedPosition = null;
+	this.dirSubLevel = null;
+	this.dirTopLevel = null;
+	this.limit = null;
+	this.menuSelected = null;
+	this.menuLastClicked = null;
+	this.idPrefix = null;
+	this.imagePath = null;
+	this.menuMode = null;
+	this.menuModeTopLevelTimeout = null;
+	this.menuModeTopLevelTimeoutTime = null;
+	this.menuTimeoutHandler = null;
+	this.menuTimeoutMsec = null;
+	this.menuTouched = null;
+	this.isDhtmlxMenuObject = null;
+	this.itemHotKeyTagName = null;
+	this.itemHrefTagName = null;
+	this.itemTagName = null;
+	this.itemTextTagName = null;
+	this.itemTipTagName = null;
+	this.userDataTagName = null;
+	this.skin = null;
+	this.topId = null;
+	this.dacCycles = null;
+	this.dacCyclesIE = null;
+	this.dacSpeed = null;
+	this.dacSpeedIE = null;
+	this.zInd = null;
+	this.zIndInit = null;
+	this.zIndStep = null;
+	
+	//
+	// unload basic methods
+	
+	this._enableDacSupport = null;
+	this._selectedSubItems = null;
+	this._openedPolygons = null;
+	this._addSubItemToSelected = null;
+	this._removeSubItemFromSelected = null;
+	this._getSubItemToDeselectByPolygon = null;
+	this._hidePolygon = null;
+	this._showPolygon = null;
+	this._redistribSubLevelSelection = null;
+	this._doOnClick = null;
+	this._doOnTouchMenu = null;
+	this._searchMenuNode = null;
+	this._getMenuNodes = null;
+	this._genStr = null;
+	this._clearAndHide = null;
+	this._doOnLoad = null;
+	this.getItemType = null;
+	this.forEachItem = null;
+	this.init = null;
+	this.loadXML = null;
+	this.loadXMLString = null;
+	this._buildMenu = null;
+	this._xmlParser = null;
+	this._showSubLevelItem = null;
+	this._hideSubLevelItem = null;
+	this._countVisiblePolygonItems = null;
+	this._redefineComplexState = null;
+	this._updateItemComplexState = null;
+	this._getItemLevelType = null;
+	this._redistribTopLevelSelection = null;
+	this._initTopLevelMenu = null;
+	this._renderToplevelItem = null;
+	this.setImagePath = null;
+	this.setIconsPath = null;
+	this.setIconPath = null;
+	this._updateItemImage = null;
+	this.removeItem = null;
+	this._getAllParents = null;
+	this.renderAsContextMenu = null;
+	this.addContextZone = null;
+	this.removeContextZone = null;
+	this.isContextZone = null;
+	this._isContextMenuVisible = null;
+	this._showContextMenu = null;
+	this._doOnContextBeforeCall = null;
+	this._autoDetectVisibleArea = null;
+	this._addItemIntoGlobalStrorage = null;
+	this._addSubMenuPolygon = null;
+	this._renderSublevelPolygon = null;
+	this._renderSublevelItem = null;
+	this._renderSeparator = null;
+	this._hideContextMenu = null;
+	this.clearAll = null;
+	this.getItemPosition = null;
+	this.setItemPosition = null;
+	this.getParentId = null;
+	this.addNewSibling = null;
+	this.addNewChild = null;
+	this.addNewSeparator = null;
+	this.attachEvent = null;
+	this.callEvent = null;
+	this.checkEvent = null;
+	this.eventCatcher = null;
+	this.detachEvent = null;
+	this.dhx_Event = null;
+	this.unload = null;
+	this.items = null;
+	this.radio = null;
+	this.detachAllEvents = null;
+	this.hide = null;
+	this.showContextMenu = null;
+	this.hideContextMenu = null;
+	
+	
+	// unload extended methods
+	this._changeItemState = null;
+	this._changeItemVisible = null;
+	this._updateLoaderIcon = null;
+	this._clearAllSelectedSubItemsInPolygon = null;
+	this._checkArrowsState = null;
+	this._addUpArrow = null;
+	this._addDownArrow = null;
+	this._removeUpArrow = null;
+	this._removeDownArrow = null;
+	this._isArrowExists = null;
+	this._doScrollUp = null;
+	this._doScrollDown = null;
+	this._countPolygonItems = null;
+	this._getRadioImgObj = null;
+	this._setRadioState = null;
+	this._radioOnClickHandler = null;
+	this._getCheckboxState = null;
+	this._setCheckboxState = null;
+	this._readLevel = null;
+	this._updateCheckboxImage = null;
+	this._checkboxOnClickHandler = null;
+	this._removeArrow = null;
+	this.setItemEnabled = null;
+	this.setItemDisabled = null;
+	this.isItemEnabled = null;
+	this.getItemText = null;
+	this.setItemText = null;
+	this.loadFromHTML = null;
+	this.hideItem = null;
+	this.showItem = null;
+	this.isItemHidden = null;
+	this.setUserData = null;
+	this.getUserData = null;
+	this.setOpenMode = null;
+	this.setWebModeTimeout = null;
+	this.enableDynamicLoading = null;
+	this.getItemImage = null;
+	this.setItemImage = null;
+	this.clearItemImage = null;
+	this.setAutoShowMode = null;
+	this.setAutoHideMode = null;
+	this.setContextMenuHideAllMode = null;
+	this.getContextMenuHideAllMode = null;
+	this.setVisibleArea = null;
+	this.setTooltip = null;
+	this.getTooltip = null;
+	this.setHotKey = null;
+	this.getHotKey = null;
+	this.setItemSelected = null;
+	this.setTopText = null;
+	this.setRTL = null;
+	this.setAlign = null;
+	this.setHref = null;
+	this.clearHref = null;
+	this.getCircuit = null;
+	this.contextZones = null;
+	this.setOverflowHeight = null;
+	this.userData = null;
+	this.getRadioChecked = null;
+	this.setRadioChecked = null;
+	this.addRadioButton = null;
+	this.setCheckboxState = null;
+	this.getCheckboxState = null;
+	this.addCheckbox = null;
+	this.serialize = null;
+	
+	
+	this.extendedModule = null;
+	
+	// remove menu from global store
+	dhtmlxMenuObjectLiveInstances[this._UID] = null;
+	try { delete dhtmlxMenuObjectLiveInstances[this._UID]; } catch(e) {}
+	this._UID = null;
+	
+}
+// dhtmlxmenu global store
+var dhtmlxMenuObjectLiveInstances = {};
+
+dhtmlXMenuObject.prototype.i18n = {
+	dhxmenuextalert: "dhtmlxmenu_ext.js required"
+};
+
+//menu
+(function(){
+	dhtmlx.extend_api("dhtmlXMenuObject",{
+		_init:function(obj){
+			return [obj.parent, obj.skin];
+		},
+		align:"setAlign",
+		top_text:"setTopText",
+		context:"renderAsContextMenu",
+		icon_path:"setIconsPath",
+		open_mode:"setOpenMode",
+		rtl:"setRTL",
+		skin:"setSkin",
+		dynamic:"enableDynamicLoading",
+		xml:"loadXML",
+		items:"items",
+		overflow:"setOverflowHeight"
+	},{
+		items:function(arr,parent){
+			var pos = 100000;
+			var lastItemId = null;
+			for (var i=0; i < arr.length; i++) {
+				var item=arr[i];
+				if (item.type == "separator") {
+					this.addNewSeparator(lastItemId, pos, item.id);
+					lastItemId = item.id;
+				} else {
+					this.addNewChild(parent, pos, item.id, item.text, item.disabled, item.img, item.img_disabled);
+					lastItemId = item.id;
+					if (item.items) this.items(item.items,item.id);
+				}
+			}
+		}
+	});
+})();
\ No newline at end of file
diff --git a/phpgwapi/js/egw_action/test/js/dhtmlxmenu_ext.js b/phpgwapi/js/egw_action/test/js/dhtmlxmenu_ext.js
new file mode 100644
index 0000000000..4037f74e7f
--- /dev/null
+++ b/phpgwapi/js/egw_action/test/js/dhtmlxmenu_ext.js
@@ -0,0 +1,18 @@
+//v.2.6 build 100722
+
+/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
+
+
+dhtmlXMenuObject.prototype.extendedModule = "DHXMENUEXT";dhtmlXMenuObject.prototype.setItemEnabled = function(id) {this._changeItemState(id, "enabled", this._getItemLevelType(id));};dhtmlXMenuObject.prototype.setItemDisabled = function(id) {this._changeItemState(id, "disabled", this._getItemLevelType(id));};dhtmlXMenuObject.prototype.isItemEnabled = function(id) {return (this.itemPull[this.idPrefix+id]!=null?(this.itemPull[this.idPrefix+id]["state"]=="enabled"):false);};dhtmlXMenuObject.prototype._changeItemState = function(id, newState, levelType) {var t = false;var j = this.idPrefix + id;if ((this.itemPull[j] != null)&& (this.idPull[j] != null)) {if (this.itemPull[j]["state"] != newState){this.itemPull[j]["state"] = newState;if (this.itemPull[j]["parent"] == this.idPrefix+this.topId && !this.context){this.idPull[j].className = "dhtmlxMenu_"+this.skin+"_TopLevel_Item_"+(this.itemPull[j]["state"]=="enabled"?"Normal":"Disabled");}else {this.idPull[j].className = "sub_item"+(this.itemPull[j]["state"]=="enabled"?"":"_dis");};this._updateItemComplexState(this.idPrefix+id, this.itemPull[this.idPrefix+id]["complex"], false);this._updateItemImage(id, levelType);if ((this.idPrefix + this.menuLastClicked == j)&& (levelType != "TopLevel")) {this._redistribSubLevelSelection(j, this.itemPull[j]["parent"]);};if (levelType == "TopLevel" && !this.context){}}};return t;};dhtmlXMenuObject.prototype.getItemText = function(id) {return (this.itemPull[this.idPrefix+id]!=null?this.itemPull[this.idPrefix+id]["title"]:"");};dhtmlXMenuObject.prototype.setItemText = function(id, text) {id = this.idPrefix + id;if ((this.itemPull[id] != null)&& (this.idPull[id] != null)) {this._clearAndHide();this.itemPull[id]["title"] = text;if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.context){var tObj = null;for (var q=0;q<this.idPull[id].childNodes.length;q++){try {if (this.idPull[id].childNodes[q].className == "top_level_text")tObj = this.idPull[id].childNodes[q];}catch(e) {}};if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {if (tObj != null)tObj.parentNode.removeChild(tObj);}else {if (!tObj){tObj = document.createElement("DIV");tObj.className = "top_level_text";if (this._rtl && this.idPull[id].childNodes.length > 0)this.idPull[id].insertBefore(tObj,this.idPull[id].childNodes[0]);else this.idPull[id].appendChild(tObj);};tObj.innerHTML = this.itemPull[id]["title"];}}else {var tObj = null;for (var q=0;q<this.idPull[id].childNodes[1].childNodes.length;q++){if (String(this.idPull[id].childNodes[1].childNodes[q].className||"")== "sub_item_text") tObj = this.idPull[id].childNodes[1].childNodes[q];};if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {if (tObj){tObj.parentNode.removeChild(tObj);tObj = null;this.idPull[id].childNodes[1].innerHTML = "&nbsp;";}}else {if (!tObj){tObj = document.createElement("DIV");tObj.className = "sub_item_text";this.idPull[id].childNodes[1].innerHTML = "";this.idPull[id].childNodes[1].appendChild(tObj);};tObj.innerHTML = this.itemPull[id]["title"];}}}};dhtmlXMenuObject.prototype.loadFromHTML = function(objId, clearAfterAdd, onLoadFunction) {this.itemTagName = "DIV";if (typeof(objId)== "string") {objId = document.getElementById(objId);};this._buildMenu(objId, null);this.init();if (clearAfterAdd){objId.parentNode.removeChild(objId);};if (onLoadFunction != null){onLoadFunction();}};dhtmlXMenuObject.prototype.hideItem = function(id) {this._changeItemVisible(id, false);};dhtmlXMenuObject.prototype.showItem = function(id) {this._changeItemVisible(id, true);};dhtmlXMenuObject.prototype.isItemHidden = function(id) {var isHidden = null;if (this.idPull[this.idPrefix+id] != null){isHidden = (this.idPull[this.idPrefix+id].style.display == "none");};return isHidden;};dhtmlXMenuObject.prototype._changeItemVisible = function(id, visible) {itemId = this.idPrefix+id;if (this.itemPull[itemId] == null)return;if (this.itemPull[itemId]["type"] == "separator"){itemId = "separator_"+itemId;};if (this.idPull[itemId] == null)return;this.idPull[itemId].style.display = (visible?"":"none");this._redefineComplexState(this.itemPull[this.idPrefix+id]["parent"]);};dhtmlXMenuObject.prototype.setUserData = function(id, name, value) {this.userData[this.idPrefix+id+"_"+name] = value;};dhtmlXMenuObject.prototype.getUserData = function(id, name) {return (this.userData[this.idPrefix+id+"_"+name]!=null?this.userData[this.idPrefix+id+"_"+name]:null);};dhtmlXMenuObject.prototype.setOpenMode = function(mode) {if (mode == "win" || mode == "web")this.menuMode = mode;else this.menuMode == "web";};dhtmlXMenuObject.prototype.setWebModeTimeout = function(tm) {this.menuTimeoutMsec = (!isNaN(tm)?tm:400);};dhtmlXMenuObject.prototype.enableDynamicLoading = function(url, icon) {this.dLoad = true;this.dLoadUrl = url;this.dLoadSign = (String(this.dLoadUrl).search(/\?/)==-1?"?":"&");this.loaderIcon = icon;this.init();};dhtmlXMenuObject.prototype._updateLoaderIcon = function(id, state) {if (this.idPull[id] == null)return;if (String(this.idPull[id].className).search("TopLevel_Item") >= 0) return;var ind = (this._rtl?0:2);if (!this.idPull[id].childNodes[ind])return;if (!this.idPull[id].childNodes[ind].childNodes[0])return;var aNode = this.idPull[id].childNodes[ind].childNodes[0];if (String(aNode.className).search("complex_arrow") === 0) aNode.className = "complex_arrow"+(state?"_loading":"");};dhtmlXMenuObject.prototype.getItemImage = function(id) {var imgs = new Array(null, null);id = this.idPrefix+id;if (this.itemPull[id]["type"] == "item"){imgs[0] = this.itemPull[id]["imgen"];imgs[1] = this.itemPull[id]["imgdis"];};return imgs;};dhtmlXMenuObject.prototype.setItemImage = function(id, img, imgDis) {if (this.itemPull[this.idPrefix+id]["type"] != "item")return;this.itemPull[this.idPrefix+id]["imgen"] = img;this.itemPull[this.idPrefix+id]["imgdis"] = imgDis;this._updateItemImage(id, this._getItemLevelType(id));};dhtmlXMenuObject.prototype.clearItemImage = function(id) {this.setItemImage(id, "", "");};dhtmlXMenuObject.prototype.setAutoShowMode = function(mode) {this.contextAutoShow = (mode==true?true:false);};dhtmlXMenuObject.prototype.setAutoHideMode = function(mode) {this.contextAutoHide = (mode==true?true:false);};dhtmlXMenuObject.prototype.setContextMenuHideAllMode = function(mode) {this.contextHideAllMode = (mode==true?true:false);};dhtmlXMenuObject.prototype.getContextMenuHideAllMode = function() {return this.contextHideAllMode;};dhtmlXMenuObject.prototype.setVisibleArea = function(x1, x2, y1, y2) {this._isVisibleArea = true;this.menuX1 = x1;this.menuX2 = x2;this.menuY1 = y1;this.menuY2 = y2;};dhtmlXMenuObject.prototype.setTooltip = function(id, tip) {id = this.idPrefix+id;if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;this.idPull[id].title = (tip.length > 0 ? tip : null);this.itemPull[id]["tip"] = tip;};dhtmlXMenuObject.prototype.getTooltip = function(id) {if (this.itemPull[this.idPrefix+id] == null)return null;return this.itemPull[this.idPrefix+id]["tip"];};dhtmlXMenuObject.prototype.setHotKey = function(id, hkey) {id = this.idPrefix+id;if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.context)return;if (this.itemPull[id]["complex"])return;if (this.itemPull[id]["type"] != "item")return;var hkObj = null;try {if (this.idPull[id].childNodes[this._rtl?0:2].childNodes[0].className == "sub_item_hk")hkObj = this.idPull[id].childNodes[this._rtl?0:2].childNodes[0];}catch(e){};if (hkey.length == 0){this.itemPull[id]["hotkey_backup"] = this.itemPull[id]["hotkey"];this.itemPull[id]["hotkey"] = "";if (hkObj != null)hkObj.parentNode.removeChild(hkObj);}else {this.itemPull[id]["hotkey"] = hkey;this.itemPull[id]["hotkey_backup"] = null;if (hkObj == null){hkObj = document.createElement("DIV");hkObj.className = "sub_item_hk";var item = this.idPull[id].childNodes[this._rtl?0:2];while (item.childNodes.length > 0)item.removeChild(item.childNodes[0]);item.appendChild(hkObj);};hkObj.innerHTML = hkey;}};dhtmlXMenuObject.prototype.getHotKey = function(id) {if (this.itemPull[this.idPrefix+id] == null)return null;return this.itemPull[this.idPrefix+id]["hotkey"];};dhtmlXMenuObject.prototype.setItemSelected = function(id) {if (this.itemPull[this.idPrefix+id] == null)return null;};dhtmlXMenuObject.prototype.setTopText = function(text) {if (this.context)return;if (this._topText == null){this._topText = document.createElement("DIV");this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this._rtl?"left":(this._align=="left"?"right":"left"));this.base.appendChild(this._topText);};this._topText.innerHTML = text;};dhtmlXMenuObject.prototype.setAlign = function(align) {if (this._align == align)return;if (align == "left" || align == "right"){this._align = align;if (this.cont)this.cont.className = (this._align=="right"?"align_right":"align_left");if (this._topText != null)this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this._align=="left"?"right":"left");}};dhtmlXMenuObject.prototype.setHref = function(itemId, href, target) {if (this.itemPull[this.idPrefix+itemId] == null)return;this.itemPull[this.idPrefix+itemId]["href_link"] = href;if (target != null)this.itemPull[this.idPrefix+itemId]["href_target"] = target;};dhtmlXMenuObject.prototype.clearHref = function(itemId) {if (this.itemPull[this.idPrefix+itemId] == null)return;delete this.itemPull[this.idPrefix+itemId]["href_link"];delete this.itemPull[this.idPrefix+itemId]["href_target"];};dhtmlXMenuObject.prototype.getCircuit = function(id) {var parents = new Array(id);while (this.getParentId(id)!= this.topId) {id = this.getParentId(id);parents[parents.length] = id;};return parents.reverse();};dhtmlXMenuObject.prototype._clearAllSelectedSubItemsInPolygon = function(polygon) {var subIds = this._getSubItemToDeselectByPolygon(polygon);for (var q=0;q<this._openedPolygons.length;q++){if (this._openedPolygons[q] != polygon){this._hidePolygon(this._openedPolygons[q]);}};for (var q=0;q<subIds.length;q++){if (this.idPull[subIds[q]] != null){if (this.itemPull[subIds[q]]["state"] == "enabled"){this.idPull[subIds[q]].className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_Item_Normal";}}}};dhtmlXMenuObject.prototype._checkArrowsState = function(id) {var polygon = this.idPull["polygon_"+id];var arrowUp = this.idPull["arrowup_"+id];var arrowDown = this.idPull["arrowdown_"+id];if (polygon.scrollTop == 0){arrowUp.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowUp_Disabled";}else {arrowUp.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowUp" + (arrowUp.over ? "_Over" : "");};if (polygon.scrollTop + polygon.offsetHeight < polygon.scrollHeight){arrowDown.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowDown" + (arrowDown.over ? "_Over" : "");}else {arrowDown.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowDown_Disabled";}};dhtmlXMenuObject.prototype._addUpArrow = function(id) {var main_self = this;var arrow = document.createElement("DIV");arrow.pId = this.idPrefix+id;arrow.id = "arrowup_"+this.idPrefix+id;arrow.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowUp";arrow.innerHTML = "<div class='dhtmlxMenu_"+this.skin+"_SubLevelArea_Arrow'><div class='dhtmlxMenu_SubLevelArea_Arrow_Icon'></div></div>";arrow.style.display = "none";arrow.over = false;arrow.onselectstart = function(e) {e = e||event;e.returnValue = false;return false;};arrow.oncontextmenu = function(e) {e = e||event;e.returnValue = false;return false;};arrow.onmouseover = function() {if (main_self.menuMode == "web"){window.clearTimeout(main_self.menuTimeoutHandler);};main_self._clearAllSelectedSubItemsInPolygon(this.pId);if (this.className == "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowUp_Disabled")return;this.className = "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowUp_Over";this.over = true;main_self._canScrollUp = true;main_self._doScrollUp(this.pId, true);};arrow.onmouseout = function() {if (main_self.menuMode == "web"){window.clearTimeout(main_self.menuTimeoutHandler);main_self.menuTimeoutHandler = window.setTimeout(function(){main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");};this.over = false;main_self._canScrollUp = false;if (this.className == "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowUp_Disabled")return;this.className = "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowUp";window.clearTimeout(main_self._scrollUpTM);};arrow.onclick = function(e) {e = e||event;e.returnValue = false;e.cancelBubble = true;return false;};document.body.insertBefore(arrow, document.body.firstChild);this.idPull[arrow.id] = arrow;};dhtmlXMenuObject.prototype._addDownArrow = function(id) {var main_self = this;var arrow = document.createElement("DIV");arrow.pId = this.idPrefix+id;arrow.id = "arrowdown_"+this.idPrefix+id;arrow.className = "dhtmlxMenu_"+this.skin+"_SubLevelArea_ArrowDown";arrow.innerHTML = "<div class='dhtmlxMenu_"+this.skin+"_SubLevelArea_Arrow'><div class='dhtmlxMenu_SubLevelArea_Arrow_Icon'></div></div>";arrow.style.display = "none";arrow.over = false;arrow.onselectstart = function(e) {e = e||event;e.returnValue = false;return false;};arrow.oncontextmenu = function(e) {e = e||event;e.returnValue = false;return false;};arrow.onmouseover = function() {if (main_self.menuMode == "web"){window.clearTimeout(main_self.menuTimeoutHandler);};main_self._clearAllSelectedSubItemsInPolygon(this.pId);if (this.className == "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowDown_Disabled")return;this.className = "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowDown_Over";this.over = true;main_self._canScrollDown = true;main_self._doScrollDown(this.pId, true);};arrow.onmouseout = function() {if (main_self.menuMode == "web"){window.clearTimeout(main_self.menuTimeoutHandler);main_self.menuTimeoutHandler = window.setTimeout(function(){main_self._clearAndHide();}, main_self.menuTimeoutMsec, "JavaScript");};this.over = false;main_self._canScrollDown = false;if (this.className == "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowDown_Disabled")return;this.className = "dhtmlxMenu_"+main_self.skin+"_SubLevelArea_ArrowDown";window.clearTimeout(main_self._scrollDownTM);};arrow.onclick = function(e) {e = e||event;e.returnValue = false;e.cancelBubble = true;return false;};document.body.insertBefore(arrow, document.body.firstChild);this.idPull[arrow.id] = arrow;};dhtmlXMenuObject.prototype._removeUpArrow = function(id) {var fullId = "arrowup_"+this.idPrefix+id;this._removeArrow(fullId);};dhtmlXMenuObject.prototype._removeDownArrow = function(id) {var fullId = "arrowdown_"+this.idPrefix+id;this._removeArrow(fullId);};dhtmlXMenuObject.prototype._removeArrow = function(fullId) {var arrow = this.idPull[fullId];arrow.onselectstart = null;arrow.oncontextmenu = null;arrow.onmouseover = null;arrow.onmouseout = null;arrow.onclick = null;if (arrow.parentNode)arrow.parentNode.removeChild(arrow);arrow = null;this.idPull[fullId] = null;try {delete this.idPull[fullId];}catch(e) {}};dhtmlXMenuObject.prototype._isArrowExists = function(id) {if (this.idPull["arrowup_"+id] != null && this.idPull["arrowdown_"+id] != null)return true;return false;};dhtmlXMenuObject.prototype._doScrollUp = function(id, checkArrows) {var polygon = this.idPull["polygon_"+id];if (this._canScrollUp && polygon.scrollTop > 0){var theEnd = false;var nextScrollTop = polygon.scrollTop - this._scrollUpTMStep;if (nextScrollTop < 0){theEnd = true;nextScrollTop = 0;};polygon.scrollTop = nextScrollTop;if (!theEnd){var that = this;this._scrollUpTM = window.setTimeout(function() {that._doScrollUp(id, false);}, this._scrollUpTMTime);}}else {this._canScrollUp = false;this._checkArrowsState(id);};if (checkArrows){this._checkArrowsState(id);}};dhtmlXMenuObject.prototype._doScrollDown = function(id, checkArrows) {var polygon = this.idPull["polygon_"+id];if (this._canScrollDown && polygon.scrollTop + polygon.offsetHeight <= polygon.scrollHeight){var theEnd = false;var nextScrollTop = polygon.scrollTop + this._scrollDownTMStep;if (nextScrollTop + polygon.offsetHeight > polygon.scollHeight){theEnd = true;nextScrollTop = polygon.scollHeight - polygon.offsetHeight;};polygon.scrollTop = nextScrollTop;if (!theEnd){var that = this;this._scrollDownTM = window.setTimeout(function() {that._doScrollDown(id, false);}, this._scrollDownTMTime);}}else {this._canScrollDown
+ this._checkArrowsState(id);};if (checkArrows){this._checkArrowsState(id);}};dhtmlXMenuObject.prototype._countPolygonItems = function(id) {var count = 0;for (var a in this.itemPull){var par = this.itemPull[a]["parent"];var tp = this.itemPull[a]["type"];if (par == this.idPrefix+id && (tp == "item" || tp == "radio" || tp == "checkbox")) {count++;}};return count;};dhtmlXMenuObject.prototype.setOverflowHeight = function(itemsNum) {if (this.limit == 0 && itemsNum <= 0)return;this._clearAndHide();if (this.limit >= 0 && itemsNum > 0){this.limit = itemsNum;return;};if (this.limit > 0 && itemsNum <= 0){for (var a in this.itemPull){if (this._isArrowExists(a)) {var b = String(a).replace(this.idPrefix, "");this._removeUpArrow(b);this._removeDownArrow(b);this.idPull["polygon_"+a].style.height = "";}};this.limit = 0;return;}};dhtmlXMenuObject.prototype._getRadioImgObj = function(id) {try {var imgObj = this.idPull[this.idPrefix+id].childNodes[(this._rtl?2:0)].childNodes[0] }catch(e) {var imgObj = null;};return imgObj;};dhtmlXMenuObject.prototype._setRadioState = function(id, state) {var imgObj = this._getRadioImgObj(id);if (imgObj != null){var rObj = this.itemPull[this.idPrefix+id];rObj["checked"] = state;rObj["imgen"] = "rdbt_"+(rObj["checked"]?"1":"0");rObj["imgdis"] = rObj["imgen"];imgObj.className = "sub_icon "+rObj["imgen"];}};dhtmlXMenuObject.prototype._radioOnClickHandler = function(id, type, casState) {if (type.charAt(1)=="d" || this.itemPull[this.idPrefix+id]["group"]==null) return;var group = this.itemPull[this.idPrefix+id]["group"];if (this.checkEvent("onRadioClick")) {if (this.callEvent("onRadioClick", [group, this.getRadioChecked(group), id, this.contextMenuZoneId, casState])) {this.setRadioChecked(group, id);}}else {this.setRadioChecked(group, id);};if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);};dhtmlXMenuObject.prototype.getRadioChecked = function(group) {var id = null;for (var q=0;q<this.radio[group].length;q++){var itemId = this.radio[group][q].replace(this.idPrefix, "");var imgObj = this._getRadioImgObj(itemId);if (imgObj != null){var checked = (imgObj.className).match(/rdbt_1$/gi);if (checked != null)id = itemId;}};return id;};dhtmlXMenuObject.prototype.setRadioChecked = function(group, id) {if (this.radio[group] == null)return;for (var q=0;q<this.radio[group].length;q++){var itemId = this.radio[group][q].replace(this.idPrefix, "");this._setRadioState(itemId, (itemId==id));}};dhtmlXMenuObject.prototype.addRadioButton = function(mode, nextToId, pos, itemId, itemText, group, state, disabled) {if (this.context && nextToId == this.topId){}else {if (this.itemPull[this.idPrefix+nextToId] == null)return;if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item")return;};var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));var img = "rdbt_"+(state?"1":"0");var imgDis = img;if (mode == "sibling"){var parentId = this.idPrefix+this.getParentId(nextToId);this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);this._renderSublevelItem(id, this.getItemPosition(nextToId));}else {var parentId = this.idPrefix+nextToId;this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);if (this.idPull["polygon_"+parentId] == null){this._renderSublevelPolygon(parentId, parentId);};this._renderSublevelItem(id, pos-1);this._redefineComplexState(parentId);};var gr = (group!=null?group:this._genStr(24));this.itemPull[id]["group"] = gr;if (this.radio[gr]==null){this.radio[gr] = new Array();};this.radio[gr][this.radio[gr].length] = id;if (state == true)this.setRadioChecked(gr, String(id).replace(this.idPrefix, ""));};dhtmlXMenuObject.prototype._getCheckboxState = function(id) {if (this.itemPull[this.idPrefix+id] == null)return null;return this.itemPull[this.idPrefix+id]["checked"];};dhtmlXMenuObject.prototype._setCheckboxState = function(id, state) {if (this.itemPull[this.idPrefix+id] == null)return;this.itemPull[this.idPrefix+id]["checked"] = state;};dhtmlXMenuObject.prototype._updateCheckboxImage = function(id) {if (this.idPull[this.idPrefix+id] == null)return;this.itemPull[this.idPrefix+id]["imgen"] = "chbx_"+(this._getCheckboxState(id)?"1":"0");this.itemPull[this.idPrefix+id]["imgdis"] = this.itemPull[this.idPrefix+id]["imgen"];try {this.idPull[this.idPrefix+id].childNodes[(this._rtl?2:0)].childNodes[0].className = "sub_icon "+this.itemPull[this.idPrefix+id]["imgen"];}catch(e){}};dhtmlXMenuObject.prototype._checkboxOnClickHandler = function(id, type, casState) {if (type.charAt(1)=="d") return;if (this.itemPull[this.idPrefix+id] == null)return;var state = this._getCheckboxState(id);if (this.checkEvent("onCheckboxClick")) {if (this.callEvent("onCheckboxClick", [id, state, this.contextMenuZoneId, casState])) {this.setCheckboxState(id, !state);}}else {this.setCheckboxState(id, !state);};if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);};dhtmlXMenuObject.prototype.setCheckboxState = function(id, state) {this._setCheckboxState(id, state);this._updateCheckboxImage(id);};dhtmlXMenuObject.prototype.getCheckboxState = function(id) {return this._getCheckboxState(id);};dhtmlXMenuObject.prototype.addCheckbox = function(mode, nextToId, pos, itemId, itemText, state, disabled) {if (this.context && nextToId == this.topId){}else {if (this.itemPull[this.idPrefix+nextToId] == null)return;if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item")return;};var img = "chbx_"+(state?"1":"0");var imgDis = img;if (mode == "sibling"){var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));var parentId = this.idPrefix+this.getParentId(nextToId);this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);this.itemPull[id]["checked"] = state;this._renderSublevelItem(id, this.getItemPosition(nextToId));}else {var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));var parentId = this.idPrefix+nextToId;this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);this.itemPull[id]["checked"] = state;if (this.idPull["polygon_"+parentId] == null){this._renderSublevelPolygon(parentId, parentId);};this._renderSublevelItem(id, pos-1);this._redefineComplexState(parentId);}};dhtmlXMenuObject.prototype._readLevel = function(parentId) {var xml = "";for (var a in this.itemPull){if (this.itemPull[a]["parent"] == parentId){var imgEn = "";var imgDis = "";var hotKey = "";var itemId = String(this.itemPull[a]["id"]).replace(this.idPrefix,"");var itemType = "";var itemText = (this.itemPull[a]["title"]!=""?' text="'+this.itemPull[a]["title"]+'"':"");var itemState = "";if (this.itemPull[a]["type"] == "item"){if (this.itemPull[a]["imgen"] != "")imgEn = ' img="'+this.itemPull[a]["imgen"]+'"';if (this.itemPull[a]["imgdis"] != "")imgDis = ' imgdis="'+this.itemPull[a]["imgdis"]+'"';if (this.itemPull[a]["hotkey"] != "")hotKey = '<hotkey>'+this.itemPull[a]["hotkey"]+'</hotkey>';};if (this.itemPull[a]["type"] == "separator"){itemType = ' type="separator"';}else {if (this.itemPull[a]["state"] == "disabled")itemState = ' enabled="false"';};if (this.itemPull[a]["type"] == "checkbox"){itemType = ' type="checkbox"'+(this.itemPull[a]["checked"]?' checked="true"':"");};if (this.itemPull[a]["type"] == "radio"){itemType = ' type="radio" group="'+this.itemPull[a]["group"]+'" '+(this.itemPull[a]["checked"]?' checked="true"':"");};xml += "<item id='"+itemId+"'"+itemText+itemType+imgEn+imgDis+itemState+">";xml += hotKey;if (this.itemPull[a]["complex"])xml += this._readLevel(a);xml += "</item>";}};return xml;};dhtmlXMenuObject.prototype.serialize = function() {var xml = "<menu>"+this._readLevel(this.idPrefix+this.topId)+"</menu>";return xml;};
+//v.2.6 build 100722
+
+/*
+Copyright DHTMLX LTD. http://www.dhtmlx.com
+You allowed to use this component or parts of it under GPL terms
+To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
+*/
\ No newline at end of file
diff --git a/phpgwapi/js/egw_action/test/skins/dhtmlxmenu_egw.css b/phpgwapi/js/egw_action/test/skins/dhtmlxmenu_egw.css
new file mode 100644
index 0000000000..26af8d7107
--- /dev/null
+++ b/phpgwapi/js/egw_action/test/skins/dhtmlxmenu_egw.css
@@ -0,0 +1,360 @@
+/*
+								"DHX SKYBLUE" DHTMLXMENU SKIN 2009
+*/
+/****************************************************************************************************************************************************/
+/*									TOPLEVEL								    */
+.dhtmlxMenu_egw_Middle {
+	position: relative;
+	height: 20px;
+	border: none;
+	background-image: url("../imgs/dhxmenu_topbg.gif");
+	background-position: top;
+	background-repeat: repeat-x;
+	-moz-user-select: none;
+	padding: 0px 7px;
+}
+.dhtmlx_winviewport.dhtmlx_skin_egw div.dhtmlxMenu_egw_Middle,
+.dhxlayout_fullscreened div.dhtmlxMenu_egw_Middle,
+.dhx_tabbar_zone.dhx_tabbar_zone_egw div.dhtmlxMenu_egw_Middle,
+.dhx_acc_base_egw div.dhtmlxMenu_egw_Middle,
+.dhtmlx_skin_egw div.dhtmlx_window_active div.dhtmlxMenu_egw_Middle,
+.dhtmlx_skin_egw div.dhtmlx_window_inactive div.dhtmlxMenu_egw_Middle,
+table.dhtmlxLayoutPolyContainer_egw td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_egw_Middle {
+	height: 29px !important;
+}
+
+.dhtmlxMenu_egw_Middle.dir_left div.align_left {
+	float: left;
+}
+.dhtmlxMenu_egw_Middle.dir_left div.align_right {
+	float: right;
+}
+
+
+/* menu in window, layout, accordion have bottom margin 9px */
+/*
+.dhtmlx_skin_egw div.dhtmlx_wins_body_inner div.dhtmlxMenu_egw_Middle,
+table.dhtmlxLayoutPolyContainer_egw td.dhtmlxLayoutSinglePoly div.dhtmlxMenu_egw_Middle {
+	height: 27px !important;
+}
+
+
+
+.dhtmlxMenu_egw_Layout, .dhtmlxMenu_egw_Accordion {
+	border-bottom: #cedce8 1px solid;
+}
+
+.dhtmlxMenu_egw_Middle.in_acccell, .dhtmlxMenu_egw_Middle.in_layoutcell {
+	height: 27px;
+	background-image: url("../imgs/dhxmenu_egw/dhxmenu_bg_acccell.gif");
+	background-position: top;
+	background-repeat: repeat-x;
+}
+*/
+
+/****************************************************************************************************************************************************/
+/*									TOPLEVEL ITEMS								    */
+/* toplevel item normal */
+div.dhtmlxMenu_egw_TopLevel_Item_Normal,
+div.dhtmlxMenu_egw_TopLevel_Item_Disabled,
+div.dhtmlxMenu_egw_TopLevel_Item_Selected {
+	position: relative;
+	float: left;
+	font-family: Arial, Helvetica, Sans-Serif;
+	font-size: 10pt;
+	font-weight: normal;
+	cursor: default;
+	white-space: nowrap;
+	-moz-user-select: none;
+	height: 20px;
+	line-height: 20px;
+	vertical-align: middle;
+	margin: 0px 2px 100px 0px;
+	padding: 0px 5px;
+	color: #000000;
+}
+div.dhtmlxMenu_egw_TopLevel_Item_Normal {
+	border-left: #ececec 1px solid !important;
+	border-right: #ececec 1px solid !important;
+	/*
+	background-image:url("../imgs/dhxmenu_egw/dhxmenu_topsepbg.gif");
+	background-position:right center;
+	background-repeat:no-repeat;
+	*/
+}
+/* toplevel item disabled */
+div.dhtmlxMenu_egw_TopLevel_Item_Disabled {
+	color: #999999 !important;
+}
+/* toplevel item selected (over) */
+div.dhtmlxMenu_egw_TopLevel_Item_Selected {
+	background-image: url("../imgs/dhxmenu_topselbg.gif");
+	background-repeat: repeat-x;
+	border-left: #ffffff 1px solid !important;
+	border-right: #ffffff 1px solid !important;
+}
+/* toplevel separator */
+.dhtmlxMenu_egw_Middle div.top_sep {
+	font-size: 1px;
+	cursor: default;
+	-moz-user-select: none;
+	background-image: url("../imgs/dhxmenu_topsepbg.gif");
+	background-repeat: no-repeat;
+	background-position: top center;
+	height: 20px;
+	position: relative;
+	float: left;
+	width: 3px;
+	margin-left: 0px;
+	margin-right: 2px;
+}
+/* top level image */
+.dhtmlxMenu_egw_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
+	float: left;
+	margin: 2px 2px 0px 2px;
+	width: 16px;
+	height: 16px;
+}
+
+
+/* top level text*/
+div.dhtmlxMenu_egw_TopLevel_Item_Normal div.top_level_text,
+div.dhtmlxMenu_egw_TopLevel_Item_Disabled div.top_level_text,
+div.dhtmlxMenu_egw_TopLevel_Item_Selected div.top_level_text {
+	float: left;
+	margin-left: 2px;
+	margin-right: 2px;
+}
+/****************************************************************************************************************************************************/
+/*									SUBLEVEL POLYGON							    */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon {
+	position: absolute;
+	background-color: #ececec;
+	border: #aaaaaa 1px outset;
+	overflow: hidden;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	box-shadow: 2px 3px 13px #666666;
+	-moz-box-shadow: 2px 3px 13px #666666;
+	-webkit-box-shadow: 2px 3px 13px #666666;
+	-khtml-box-shadow: 2px 3px 13px #666666;
+	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);
+	-moz-user-select: none;
+
+}
+/* IE6 sublevel undercover fix */
+iframe.dhtmlxMenu_IE6CoverFix_egw {
+	position: absolute;
+	border: none;
+	background: #000000;
+	filter: alpha(opacity=100);
+}
+/****************************************************************************************************************************************************/
+/*									SUBLEVEL ITEMS								    */
+
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl {
+	
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item {
+	height: 28px;
+	cursor: default;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis {
+	height: 28px;
+	cursor: default;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
+	height: 28px;
+	cursor: default;
+	background-image: url("../imgs/dhxmenu_subselbg.png");
+	background-repeat: repeat-x;
+	background-position: center;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
+	width: 24px;
+	text-align: left;
+	-moz-user-select: none;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
+	width: 16px;
+	height: 16px;
+	margin: 6px 2px 2px 8px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_text {
+	vertical-align: middle;
+	padding-left: 4px;
+	padding-right: 4px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
+	font-family: Arial, Helvetica, Sans-Serif;
+	font-size: 10pt;
+	font-weight: normal;
+	color: #000000;
+	white-space: nowrap;
+	text-align: left;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
+	color: #999999 !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
+	padding-left: 8px;
+	padding-right: 8px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
+	font-family: Arial, Helvetica, Sans-Serif;
+	font-size: 10px;
+	color: #a4bed4;
+	text-align: right;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
+	color: #999999;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
+	color: #cecece !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon tr.sub_sep {
+	height: 3px;
+	font-size: 1px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon div.sub_sep {
+	font-size: 1px;
+	border-top: 2px #eeeeee groove;
+	cursor: default;
+	height: 2px;
+}
+/****************************************************************************************************************************************************/
+/*									SUBLEVEL ARROWS								    */
+
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
+	width: 7px;
+	height: 24px;
+	background-image: url("../imgs/dhxmenu_subar.gif");
+	background-repeat: no-repeat;
+	background-position:  0px 0px;
+	float: right;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
+	background-position: -7px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
+	background-position: -14px 0px !important;
+}
+/****************************************************************************************************************************************************/
+/*									LOADING ICON								    */
+
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
+	width: 7px;
+	height: 24px;
+	background-image: url("../imgs/dhxmenu_loader.gif");
+	background-repeat: no-repeat;
+	background-position:  center center;
+	float: right;
+}
+/****************************************************************************************************************************************************/
+/*									UP/DOWN OVERFLOW ARROWS							    */
+div.dhtmlxMenu_egw_SubLevelArea_Arrow {
+	width: 100%;
+	height: 100%;
+	background-repeat: no-repeat;
+	background-position: center center;
+	text-align: center;
+	overflow: hidden;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
+	position: relative;
+	margin-top: 6px;
+	margin-left: auto;
+	margin-right: auto;
+	width: 29px;
+	height: 8px;
+	background-repeat: no-repeat;
+	background-image: url("../imgs/dhxmenu_upar.gif");
+}
+/* up arrows */
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp,
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Over,
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Disabled {
+	position: absolute;
+	height: 20px;
+	font-size: 1px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -87px 0px; }
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -116px 0px; }
+div.dhtmlxMenu_egw_SubLevelArea_ArrowUp_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -145px 0px; }
+/* down arrows */
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown,
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Over,
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Disabled {
+	position: absolute;
+	height: 20px;
+	font-size: 1px;
+}
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: 0px 0px; }
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Over div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -29px 0px; }
+div.dhtmlxMenu_egw_SubLevelArea_ArrowDown_Disabled div.dhtmlxMenu_SubLevelArea_Arrow_Icon { background-position: -58px 0px; }
+/****************************************************************************************************************************************************/
+/*									TOPLEVEL TEXT								    */
+.dhtmlxMenu_egw_Middle div.dhtmlxMenu_TopLevel_Text_right {
+	position: absolute;
+	top: 0px;
+	height: 20px;
+	line-height: 20px;
+	vertical-align: middle;
+	left: none;
+	right: 8px;
+	font-family: Arial, Helvetica, Sans-Serif;
+	font-size: 10pt;
+	color: #000000;
+	cursor: default;
+}
+.dhtmlxMenu_egw_Middle div.dhtmlxMenu_TopLevel_Text_left {
+	position: absolute;
+	top: 0px;
+	height: 20px;
+	line-height: 20px;
+	vertical-align: middle;
+	right: none;
+	left: 8px;
+	font-family: Arial, Helvetica, Sans-Serif;
+	font-size: 10pt;
+	color: #000000;
+	cursor: default;
+}
+/****************************************************************************************************************************************************/
+/*									ITEM'S CHECKS, RADIOS							    */
+/* sublevel */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
+	float: left;
+	margin: 2px 4px 2px 8px;
+	width: 16px;
+	height: 16px;
+	background-position: top right;
+	background-repeat: no-repeat;
+	background-image: url("../imgs/dhxmenu_chrd.gif");
+}
+/* checkboxes */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
+	background-position: 0px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
+	background-position: -18px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
+	background-position: -36px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
+	background-position: -54px 0px !important;
+}
+/* radios */
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
+	background-position: -72px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
+	background-position: -90px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
+	background-position: -108px 0px !important;
+}
+div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
+	background-position: -126px 0px !important;
+}
diff --git a/phpgwapi/js/egw_action/test/test_menu.html b/phpgwapi/js/egw_action/test/test_menu.html
new file mode 100644
index 0000000000..04d29a93b3
--- /dev/null
+++ b/phpgwapi/js/egw_action/test/test_menu.html
@@ -0,0 +1,187 @@
+<html>
+	<head>
+		<title>Test page for the egw menu</title>
+		<link rel="stylesheet" type="text/css" href="skins/dhtmlxmenu_egw.css">
+		<script src="js/dhtmlxcommon.js"></script>
+		<script src="js/dhtmlxmenu.js"></script>
+		<script src="js/dhtmlxmenu_ext.js"></script>
+		<script src="../egw_menu.js"></script>
+		<script src="../egw_menu_dhtmlx.js"></script>
+	</head>
+	<body style="width:95%; height:95%; font-family: sans-serif">
+		<script>
+
+var menu = new egwMenu();
+
+menu.loadStructure(
+[
+    {
+        "id": "file_menu",
+        "caption": "Test1",
+        "children": [
+            {
+                "id": "file_open",
+                "caption": "Open file...",
+                "iconUrl": "imgs/folder.png",
+                "default": true
+            },
+            {
+                "caption": "-"
+            },
+            {
+                "id": "file_save",
+                "caption": "Save",
+                "enabled": false,
+                "iconUrl": "imgs/disk.png"
+            },
+            {
+                "id": "file_save_as",
+                "caption": "Save as..."
+            },
+            {
+                "caption": "-"
+            },
+            {
+                "caption": "Recently loaded",
+                "children": [
+                    {
+                        "id": "rec1",
+                        "caption": "file1.txt",
+                        "iconUrl": "imgs/page.png",
+                    },
+                    {
+                        "id": "rec2",
+                        "caption": "file2.txt",
+                        "iconUrl": "imgs/page.png",
+                    },
+                    {
+                        "id": "rec3",
+                        "caption": "file3.txt",
+                        "iconUrl": "imgs/page.png",
+                    }
+                ]
+            }
+        ]
+    },
+    {
+        "caption": "Test2",
+        "children": [
+            {
+                "caption": "Use speed enhancer",
+                "checkbox": true,
+                "groupIndex": 0,
+                "checked": true
+            },
+            {
+                "caption": "Reduce memory impact",
+                "checkbox": true,
+                "groupIndex": 0
+            }
+        ]
+    },
+    {
+        "caption": "Test3",
+        "children": [
+            {
+                "caption": "Option1.1",
+                "checkbox": true,
+                "groupIndex": 1,
+                "checked": true
+            },
+            {
+                "caption": "Option1.2",
+                "checkbox": true,
+                "groupIndex": 1
+            },
+            {
+                "caption": "Option1.3",
+                "checkbox": true,
+                "groupIndex": 1
+            },
+            {
+                "caption": "-"
+            },
+            {
+                "caption": "Option2.1",
+                "checkbox": true,
+                "groupIndex": 2
+            },
+            {
+                "caption": "Option2.2",
+                "checkbox": true,
+                "groupIndex": 2,
+                "checked": true
+            },
+            {
+                "caption": "Option2.3",
+                "checkbox": true,
+                "groupIndex": 2
+            },
+            {
+                "caption": "-"
+            },
+            {
+                "caption": "Extra options",
+                "iconUrl": "imgs/wrench.png",
+                "children": [
+                    {
+                        "caption": "Option1.1",
+                        "checkbox": true,
+                        "groupIndex": 1
+                    },
+                    {
+                        "caption": "Option1.2",
+                        "checkbox": true,
+                        "groupIndex": 1
+                    },
+                    {
+                        "caption": "Option1.3",
+                        "checkbox": true,
+                        "groupIndex": 1,
+                        "checked": true
+                    }
+                ]
+            }
+        ]
+    }
+]
+);
+
+menu.setGlobalOnClick(alertCaption);
+
+function alertCaption(elem)
+{
+	if (console && console.log)
+		console.log(elem);
+}
+
+function getPageXY(event)
+{
+	// document.body.scrollTop does not work in IE
+	var scrollTop = document.body.scrollTop ? document.body.scrollTop :
+		document.documentElement.scrollTop;
+	var scrollLeft = document.body.scrollLeft ? document.body.scrollLeft :
+		document.documentElement.scrollLeft;
+
+	// hide the menu first to avoid an "up-then-over" visual effect
+	return {'x': (event.clientX + scrollLeft), 'y': (event.clientY + scrollTop)};
+}
+
+document.body.oncontextmenu = function(e)
+{
+	if (!e)
+		e = window.event;
+
+	var pos = getPageXY(e);
+	show_menu(pos.x, pos.y);
+
+	return false;
+}
+
+function show_menu(_x, _y)
+{
+	menu.showAt(_x, _y);
+}
+		</script>
+	</body>
+</html>