/************************************************************************************************************
QuickMix CMS v5 
Copyright (C) January 2009  Digital Albatross Design and Consulting, Concrescence Design Inc.
************************************************************************************************************/	
	var JSTreeObj;
	var treeUlCounter = 0;
	var nodeId = 0;
		
	/* Constructor */
	function JSDragDropTree( idOfTree )
	{
		var idOfTree;
		var imageFolder;
		var folderImage;
		var plusImage;
		var minusImage;
		var maximumDepth;
		var dupNode;
		var dragNode_source;
		var dragNode_parent;
		var dragNode_sourceNextSib;
		var dragNode_noSiblings;
		var ajaxObjects;
		
		var dragNode_destination;
		var floatingContainer;
		var dragDropTimer;
		var dropTargetIndicator;
		var insertAsSub;
		var indicator_offsetX;
		var indicator_offsetX_sub;
		var indicator_offsetY;

		var currentId;
		var currentUserId;
		var currentSectionId;
		var currentPageId;
		var currentStructureId;

		var mouse_y;

		this.idOfTree = idOfTree;			
		
		this.imageFolder = '/admin/images/';
		this.folderImage = 'dhtmlgoodies_folder.gif';
		this.plusImage = 'dhtmlgoodies_plus.gif';
		this.minusImage = 'dhtmlgoodies_minus.gif';
		this.maximumDepth = 6;

		var messageMaximumDepthReached;
		var filePathRenameItem;
		var filePathDeleteItem;
		var additionalRenameRequestParameters = {};
		var additionalDeleteRequestParameters = {};

		var renameAllowed;
		var deleteAllowed;
		var currentlyActiveItem;
		var contextMenu;
		var currentItemToEdit;		// Reference to item currently being edited(example: renamed)
		var helpObj;
		
		this.contextMenu = false;
		this.floatingContainer = document.createElement('UL');
		this.floatingContainer.style.position = 'absolute';
		this.floatingContainer.style.zIndex = '200';
		this.floatingContainer.style.display='none';
		this.floatingContainer.id = 'floatingContainer';
		this.insertAsSub = false;
		document.body.appendChild(this.floatingContainer);
		this.dragDropTimer = -1;
		this.dragNode_noSiblings = false;
		this.currentItemToEdit = false;
		
		if(document.all){
			this.indicator_offsetX = 2;	// Offset position of small black lines indicating where nodes would be dropped.
			this.indicator_offsetX_sub = 4;
			this.indicator_offsetY = 2;
		}else{
			this.indicator_offsetX = 1;	// Offset position of small black lines indicating where nodes would be dropped.
			this.indicator_offsetX_sub = 3;
			this.indicator_offsetY = 12;			
		}
		if(navigator.userAgent.indexOf('Opera')>=0){
			this.indicator_offsetX = 2;	// Offset position of small black lines indicating where nodes would be dropped.
			this.indicator_offsetX_sub = 3;
			this.indicator_offsetY = -7;				
		}

		this.messageMaximumDepthReached = ''; // Use '' if you don't want to display a message 
		
		this.renameAllowed = true;
		this.deleteAllowed = true;
		this.currentlyActiveItem = false;
		this.filePathRenameItem = 'folderTree_updateItem.php';
		this.filePathDeleteItem = 'folderTree_updateItem.php';
		this.structure_tab = 'sitemap_tab.php';
		this.ajaxObjects = new Array();
		this.helpObj = false;
		
		this.RENAME_STATE_BEGIN = 1;
		this.RENAME_STATE_CANCELED = 2;
		this.RENAME_STATE_REQUEST_SENDED = 3;
		this.renameState = null;
	}
	
	
	/* JSDragDropTree class */
	JSDragDropTree.prototype = {
		// {{{ addEvent()
	    /**
	     *
	     *  This function adds an event listener to an element on the page.
	     *
	     *	@param Object whichObject = Reference to HTML element(Which object to assigne the event)
	     *	@param String eventType = Which type of event, example "mousemove" or "mouseup"
	     *	@param functionName = Name of function to execute. 
	     * 
	     * @public
	     */	
		addEvent : function(whichObject,eventType,functionName)
		{ 
		  if(whichObject.attachEvent){ 
		    whichObject['e'+eventType+functionName] = functionName; 
		    whichObject[eventType+functionName] = function(){whichObject['e'+eventType+functionName]( window.event );} 
		    whichObject.attachEvent( 'on'+eventType, whichObject[eventType+functionName] ); 
		  } else 
		    whichObject.addEventListener(eventType,functionName,false); 	    
		} 
		// }}}	
		,	
		// {{{ removeEvent()
	    /**
	     *
	     *  This function removes an event listener from an element on the page.
	     *
	     *	@param Object whichObject = Reference to HTML element(Which object to assigne the event)
	     *	@param String eventType = Which type of event, example "mousemove" or "mouseup"
	     *	@param functionName = Name of function to execute. 
	     * 
	     * @public
	     */		
		removeEvent : function(whichObject,eventType,functionName)
		{ 
		  if(whichObject.detachEvent){ 
		    whichObject.detachEvent('on'+eventType, whichObject[eventType+functionName]); 
		    whichObject[eventType+functionName] = null; 
		  } else 
		    whichObject.removeEventListener(eventType,functionName,false); 
		} 
		,	
		Get_Cookie : function(name) { 
		   var start = document.cookie.indexOf(name+"="); 
		   var len = start+name.length+1; 
		   if ((!start) && (name != document.cookie.substring(0,name.length))) return null; 
		   if (start == -1) return null; 
		   var end = document.cookie.indexOf(";",len); 
		   if (end == -1) end = document.cookie.length; 
		   return unescape(document.cookie.substring(len,end)); 
		} 
		,
		// This function has been slightly modified
		Set_Cookie : function(name,value,expires,path,domain,secure) { 
			expires = expires * 60*60*24*1000;
			var today = new Date();
			var expires_date = new Date( today.getTime() + (expires) );
		    var cookieString = name + "=" +escape(value) + 
		       ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + 
		       ( (path) ? ";path=" + path : "") + 
		       ( (domain) ? ";domain=" + domain : "") + 
		       ( (secure) ? ";secure" : ""); 
		    document.cookie = cookieString; 
		} 
		,
		setFileNameRename : function(newFileName)
		{
			this.filePathRenameItem = newFileName;
		}
		,
		setFileNameDelete : function(newFileName)
		{
			this.filePathDeleteItem = newFileName;
		}
		,
		setAdditionalRenameRequestParameters : function(requestParameters)
		{
			this.additionalRenameRequestParameters = requestParameters;
		}
		,
		setAdditionalDeleteRequestParameters : function(requestParameters)
		{
			this.additionalDeleteRequestParameters = requestParameters;
		}
		,setRenameAllowed : function(renameAllowed)
		{
			this.renameAllowed = renameAllowed;			
		}
		,
		setDeleteAllowed : function(deleteAllowed)
		{
			this.deleteAllowed = deleteAllowed;	
		}
		,setMaximumDepth : function(maxDepth)
		{
			this.maximumDepth = maxDepth;	
		}
		,setMessageMaximumDepthReached : function(newMessage)
		{
			this.messageMaximumDepthReached = newMessage;
		}
		,	
		setImageFolder : function(path)
		{
			this.imageFolder = path;	
		}
		,
		setFolderImage : function(imagePath)
		{
			this.folderImage = imagePath;			
		}
		,
		setPlusImage : function(imagePath)
		{
			this.plusImage = imagePath;				
		}
		,
		setMinusImage : function(imagePath)
		{
			this.minusImage = imagePath;			
		}
		,		
		setTreeId : function(idOfTree)
		{
			this.idOfTree = idOfTree;			
		}	
		,
		expandAll : function(tree)
		{
			var menuItems = document.getElementById(this.idOfTree).getElementsByTagName('LI');
			for(var no=0;no<menuItems.length;no++){
				var subItems = menuItems[no].getElementsByTagName('UL');
				if(subItems.length>0 && subItems[0].style.display!='block'){
					JSTreeObj.showHideNode(false,menuItems[no].id);
				}			
			}
		}	
		,
		collapseAll : function(tree)
		{
			var menuItems = document.getElementById(this.idOfTree).getElementsByTagName('LI');
			for(var no=0;no<menuItems.length;no++){
				var subItems = menuItems[no].getElementsByTagName('UL');
				if(subItems.length>0 && subItems[0].style.display=='block'){
					JSTreeObj.showHideNode(false,menuItems[no].id);
				}			
			}		
		}	
		,
		/*
		Find top pos of a tree node
		*/
		getTopPos : function(obj){
			var top = obj.offsetTop/1;
			while((obj = obj.offsetParent) != null){
//				if(obj.tagName!='HTML')top += obj.offsetTop;
				if(obj.tagName!='BODY')top += obj.offsetTop;
			}			
			if(document.all)top = top/1 + 13; else top = top/1 + 4;		
			return top;
		}
		,	
		/*
		Find left pos of a tree node
		*/
		getLeftPos : function(obj){
			var left = obj.offsetLeft/1 + 1;
			while((obj = obj.offsetParent) != null){
				if(obj.tagName!='HTML')left += obj.offsetLeft;
			}
	  			
			if(document.all)left = left/1 - 2;
			return left;
		}	
		,

	 	__getSourceTreeData : function( ajaxIndex, ulId, parentId )
		{
			document.getElementById(ulId).innerHTML = this.ajaxObjects[ajaxIndex].response;
			this.ajaxObjects[ajaxIndex] = false;
			JSTreeObj.__parseSubItems( ulId, parentId );
		}
		,

		__parseSubItems: function( ulId, parentId )
		{
			if( initExpandedNodes )
				var nodes = initExpandedNodes.split(',');

			var branchObj = document.getElementById(ulId);
			var menuItems = branchObj.getElementsByTagName('LI');	// Get an array of all menu items
			for(var no=0;no<menuItems.length;no++){
				// No children var set ?
				var noChildren = false;
				var tmpVar = menuItems[no].getAttribute('noChildren');
				if(!tmpVar)tmpVar = menuItems[no].noChildren;
				if(tmpVar=='true')noChildren=true;
				// No drag var set ?
				var noDrag = false;
				var tmpVar = menuItems[no].getAttribute('noDrag');
				if(!tmpVar)tmpVar = menuItems[no].noDrag;
				if(tmpVar=='true')noDrag=true;

				var imgs = menuItems[no].getElementsByTagName('IMG');
				if(imgs.length>0)continue;

				nodeId++;

				var subItems = menuItems[no].getElementsByTagName('UL');
				var img = document.createElement('IMG');
				img.src = this.imageFolder + this.plusImage;
				img.onclick = JSTreeObj.showHideNode;
				if( subItems.length == 0 )
					img.style.visibility='hidden';
				else
				{
					subItems[0].id = 'tree_ul_' + treeUlCounter;
					treeUlCounter++;
				}
				var aTag = menuItems[no].getElementsByTagName('A')[0];
				if(!noDrag)aTag.onmousedown = JSTreeObj.initDrag;

				if( !noChildren && aTag.className && aTag.className == 'page' )
					aTag.onmousemove = JSTreeObj.moveDragableNodes;

				menuItems[no].insertBefore(img,aTag);

				menuItems[no].id = 'tree_li_' + nodeId;
				var folderImg = document.createElement('IMG');
				if(!noDrag)folderImg.onmousedown = JSTreeObj.initDrag;
				if( !noChildren )
					folderImg.onmousemove = JSTreeObj.moveDragableNodes;
				if( aTag.className )
				{
					folderImg.src = this.imageFolder + aTag.className + '.gif';
				}
				else
				{
					folderImg.src = this.imageFolder + this.folderImage;
				}

				menuItems[no].insertBefore(folderImg,aTag);
			
				var tmpParentId = menuItems[no].getAttribute('parentId');
				if(!tmpParentId)tmpParentId = menuItems[no].tmpParentId;
				if(tmpParentId && nodes[tmpParentId])showHideNode(false,nodes[no]);	
			}		
		}
		,

///////////////////////////////////////////////////////////////////////////////////////////////
//	show and hide                                                                        //
///////////////////////////////////////////////////////////////////////////////////////////////

		showHideNode : function(e,inputId)
		{
			if(inputId){
				if(!document.getElementById(inputId))
					return;
				thisNode = document.getElementById(inputId).getElementsByTagName('IMG')[0]; 
			}else {
				thisNode = this;
//				JSTreeObj.getLinkInfo( thisNode.id );
				if(this.tagName=='A')thisNode = this.parentNode.getElementsByTagName('IMG')[0];	
				
			}
			if(thisNode.style.visibility=='hidden')
				return;		
			var parentNode = thisNode.parentNode;
			inputId = parentNode.id.replace(/[^0-9]/g,'');
			if(thisNode.src.indexOf(JSTreeObj.plusImage)>=0){
				thisNode.src = thisNode.src.replace(JSTreeObj.plusImage,JSTreeObj.minusImage);
				var ul = parentNode.getElementsByTagName('UL')[0];
				ul.style.display='block';
				if(!initExpandedNodes)initExpandedNodes = ',';
				if(initExpandedNodes.indexOf(',' + inputId + ',')<0) initExpandedNodes = initExpandedNodes + inputId + ',';
				var firstLi = ul.getElementsByTagName('LI')[0];
				var parentId = firstLi.getAttribute('parentId');
				if( !parentId )
					parentId = firstLi.parentId;
				if( parentId )
				{
					var ajaxIndex = JSTreeObj.ajaxObjects.length;
					JSTreeObj.ajaxObjects[ajaxIndex] = new sack();
					JSTreeObj.ajaxObjects[ajaxIndex].method = "GET";
					JSTreeObj.ajaxObjects[ajaxIndex].setVar("mode", 'get_tree');
					JSTreeObj.ajaxObjects[ajaxIndex].setVar("parentId", parentId);
					JSTreeObj.ajaxObjects[ajaxIndex].requestFile = JSTreeObj.structure_tab;
					JSTreeObj.ajaxObjects[ajaxIndex].onCompletion = function() { JSTreeObj.__getSourceTreeData( ajaxIndex, ul.id, parentId ); } ;
					JSTreeObj.ajaxObjects[ajaxIndex].runAJAX();
				}
			}else{
				thisNode.src = thisNode.src.replace(JSTreeObj.minusImage,JSTreeObj.plusImage);
				parentNode.getElementsByTagName('UL')[0].style.display='none';
				initExpandedNodes = initExpandedNodes.replace(',' + inputId,'');
			}	
			JSTreeObj.Set_Cookie('WaM_sitemap',initExpandedNodes,500);			
			return false;						
		}
		,
		/* Initialize drag */
		initDrag : function(e)
		{
			if(document.all)e = event;	
			
			var subs = JSTreeObj.floatingContainer.getElementsByTagName('LI');
			if( subs.length > 0 )
			{
				if( JSTreeObj.dragNode_sourceNextSib )
				{
					JSTreeObj.dragNode_parent.insertBefore(JSTreeObj.dragNode_source,JSTreeObj.dragNode_sourceNextSib);
				}
				else
				{
					JSTreeObj.dragNode_parent.appendChild(JSTreeObj.dragNode_source);
				}					
			}
			
			JSTreeObj.dragNode_source = this.parentNode;
			JSTreeObj.dragNode_parent = this.parentNode.parentNode;

			if( JSTreeObj.dragNode_source.nextSibling )
				JSTreeObj.dragNode_sourceNextSib = JSTreeObj.dragNode_source.nextSibling;
			else
				JSTreeObj.dragNode_sourceNextSib = false;

			JSTreeObj.dragNode_destination = false;
			JSTreeObj.dragDropTimer = 0;
			JSTreeObj.timerDrag();
			return false;
		}
		,

		whatKindOfTree : function()
		{
			var thisObj = JSTreeObj.dragNode_source;

			var aTags = thisObj.getElementsByTagName('A');
			var id_parts = aTags[0].id.split('-');

			return id_parts[0];

		}
		,

		toggleSource : function( id )
		{
			aTag = document.getElementById( id );
			if( !aTag.className || ( aTag.className != 'page' && aTag.className != 'doc' ) )
				return;

			var id_parts = id.split( '-' );
			source_id = 'source' + '-' + id_parts[1] + '-' + id_parts[2] + '-' + id_parts[3];

			source_a = document.getElementById( source_id );
			source_li = source_a.parentNode;
			source_imgs = source_li.getElementsByTagName( 'IMG' );
			source_img = source_imgs[1];

			if( source_a.className && source_a.className == 'doc' )
			{
				source_a.className = 'doc_ghost';
				source_img.src = 'images/doc_ghost.gif';
				source_li.setAttribute( "noDrag", "true" );

				source_a.onmousedown = null;
				source_img.onmousedown = null;
			}
			else if( source_a.className && source_a.className == 'page' )
			{
				source_a.className = 'page_ghost';
				source_img.src = 'images/page_ghost.gif';
				source_li.setAttribute( "noDrag", "true" );

				source_a.onmousedown = null;
				source_img.onmousedown = null;
			}
			else if( source_a.className && source_a.className == 'doc_ghost' )
			{
				source_a.className = 'doc';
				source_img.src = 'images/doc.gif';
				source_li.setAttribute( "noDrag", "false" );

				source_a.onmousedown = JSTreeObj.initDrag;
				source_img.onmousedown = JSTreeObj.initDrag;
			}
			else if( source_a.className && source_a.className == 'page_ghost' )
			{
				source_a.className = 'page';
				source_img.src = 'images/page.gif';
				source_li.setAttribute( "noDrag", "false" );

				source_a.onmousedown = JSTreeObj.initDrag;
				source_img.onmousedown = JSTreeObj.initDrag;
			}
			return;
		}
		,

		timerDrag : function()
		{	
			// delay for 200 ms
			if(this.dragDropTimer>=0 && this.dragDropTimer<10){
				this.dragDropTimer = this.dragDropTimer + 1;
				setTimeout('JSTreeObj.timerDrag()',20);
				return;
			}
			if(this.dragDropTimer==10)
			{
				JSTreeObj.floatingContainer.style.display='block';
				//	If a structure tree element move the dragable element to the float container. 
				//	If content tree clone the object leaving the original intact.
				
				if( JSTreeObj.whatKindOfTree( JSTreeObj.dragNode_source ) == 'source' )
				{
	 				JSTreeObj.dupNode = JSTreeObj.dragNode_source.cloneNode( true );

					//	make li tag id unique
					nodeId++;
					JSTreeObj.dupNode.id = 'tree_li_' + nodeId;
					JSTreeObj.dupNode.removeAttribute( 'noSiblings', 0 );
					JSTreeObj.dupNode.removeAttribute( 'noChildren', 0 );

					//	make a tag id unique
					var aTags = JSTreeObj.dupNode.getElementsByTagName('A');
					var id_parts = aTags[0].id.split( '-' );
					aTags[0].id = id_parts[0] + '-' + id_parts[1] + '-' + id_parts[2] + '-' + id_parts[3];

					aTags[0].onclick = JSTreeObj.getLinkInfo;
					aTags[0].onmousedown = JSTreeObj.initDrag;
					aTags[0].onmousemove = JSTreeObj.moveDragableNodes;

//					if( aTags[0].className && aTags[0].className == 'page' )


					var imgTags = JSTreeObj.dupNode.getElementsByTagName('IMG');
					imgTags[1].onmousedown = JSTreeObj.initDrag;
					imgTags[1].onmousemove = JSTreeObj.moveDragableNodes;

//					if( aTags[0].className && aTags[0].className == 'page' )

					JSTreeObj.floatingContainer.appendChild( JSTreeObj.dupNode );	
					
					//	Get section : page href from server
					var ajaxIndex = JSTreeObj.ajaxObjects.length;
					JSTreeObj.ajaxObjects[ajaxIndex] = new sack();
					JSTreeObj.ajaxObjects[ajaxIndex].method = "GET";
					JSTreeObj.ajaxObjects[ajaxIndex].setVar("mode", 'href');

					var aTags = JSTreeObj.dragNode_source.getElementsByTagName('A');
					JSTreeObj.ajaxObjects[ajaxIndex].setVar("id", aTags[0].id );

					JSTreeObj.ajaxObjects[ajaxIndex].requestFile = JSTreeObj.structure_tab;
					JSTreeObj.ajaxObjects[ajaxIndex].onCompletion = function() { JSTreeObj.__fixHref( ajaxIndex, JSTreeObj.dupNode ); } ;
					JSTreeObj.ajaxObjects[ajaxIndex].runAJAX();
				}
				else
				{
					JSTreeObj.floatingContainer.appendChild(JSTreeObj.dragNode_source);	
				}
			}
		}
		,

	 	__fixHref : function( ajaxIndex, dupNode )
		{
			var aTags = dupNode.getElementsByTagName('A');
			aTags[0].innerHTML = this.ajaxObjects[ajaxIndex].response;
			this.ajaxObjects[ajaxIndex] = false;
		}
		,

		scrollBox : function( mouse_y )
		{
			var scroll_obj = document.getElementById( 'leftwindowbox' );
			var top = JSTreeObj.getTopPos( scroll_obj );
			var bottom = top + scroll_obj.offsetHeight;
			var t;

			JSTreeObj.mouse_y = mouse_y;

			if( JSTreeObj.mouse_y < top )
			{
				scroll_obj.scrollTop--;
     				t = setTimeout( 'JSTreeObj.scrollBox()', 5);
			}
			else 
			{
				if( JSTreeObj.mouse_y > bottom )
                        	{
                               		scroll_obj.scrollTop++;
                                	t = setTimeout( 'JSTreeObj.scrollBox()', 5);
                        	}
				else
					clearTimeout(t);
			}
			return false;
		}
		,
		moveDragableNodes : function(e)
		{
			if(JSTreeObj.dragDropTimer<10)return;

			if(document.all)e = event;

			var scroll_obj = document.getElementById( 'leftwindowbox' );
			var top = JSTreeObj.getTopPos( scroll_obj );
			var bottom = top + scroll_obj.offsetHeight;

			dragDrop_x = e.clientX/1 + 5 + document.body.scrollLeft;
			dragDrop_y = e.clientY/1 + 5 + document.documentElement.scrollTop;	

			JSTreeObj.scrollBox( dragDrop_y );

			JSTreeObj.floatingContainer.style.left = dragDrop_x + 'px';
			JSTreeObj.floatingContainer.style.top = dragDrop_y + 'px';
			
			var thisObj = this;
			if(thisObj.tagName=='A' || thisObj.tagName=='IMG')thisObj = thisObj.parentNode;

			JSTreeObj.dragNode_noSiblings = false;
			var tmpVar = thisObj.getAttribute('noSiblings');
			if(!tmpVar)tmpVar = thisObj.noSiblings;
			if(tmpVar=='true')JSTreeObj.dragNode_noSiblings=true;
					
			if(thisObj && thisObj.id)
			{
				JSTreeObj.dragNode_destination = thisObj;
				var img = thisObj.getElementsByTagName('IMG')[1];
				var tmpObj= JSTreeObj.dropTargetIndicator;
				tmpObj.style.display='block';
				
				var eventSourceObj = this;
				if(JSTreeObj.dragNode_noSiblings && eventSourceObj.tagName=='IMG')eventSourceObj = eventSourceObj.nextSibling;
				
				var tmpImg = tmpObj.getElementsByTagName('IMG')[0];
				if(this.tagName=='A' || JSTreeObj.dragNode_noSiblings){
					tmpImg.src = tmpImg.src.replace('ind1','ind2');	
					JSTreeObj.insertAsSub = true;
					tmpObj.style.left = (JSTreeObj.getLeftPos(eventSourceObj) + JSTreeObj.indicator_offsetX_sub) + 'px';
				}else{
					tmpImg.src = tmpImg.src.replace('ind2','ind1');
					JSTreeObj.insertAsSub = false;
					tmpObj.style.left = (JSTreeObj.getLeftPos(eventSourceObj) + JSTreeObj.indicator_offsetX) + 'px';
				}

				tmpObj.style.top = JSTreeObj.getTopPos( thisObj ) + JSTreeObj.indicator_offsetY - document.getElementById( 'leftwindowbox' ).scrollTop + 'px';
			}
			return false;
		}
		,

		getId : function( treeId )
		{
			var atags = treeId.getElementsByTagName('A');
			return atags[0].id;
		}
		,

		getHref : function( treeId )
		{
			var atags = treeId.getElementsByTagName('A');
			return atags[0].innerHTML;
		}
		,

		__finishSaveMove : function( ajaxIndex, sourceNode )
		{
			var link_info = JSTreeObj.ajaxObjects[ajaxIndex].response.split( '<-|->' );

			if( link_info[0] == 'ID' )
			{
				var atags = sourceNode.getElementsByTagName('A');
				atags[0].id = link_info[1];
				JSTreeObj.toggleSource( link_info[1] );
			}

			JSTreeObj.ajaxObjects[ajaxIndex] = false;

			return false;						
		}
		,

		dropDragableNodes:function( e )
		{
			var dest_id;
			var move_type;


			if(JSTreeObj.dragDropTimer<10){				
				JSTreeObj.dragDropTimer = -1;
				return;
			}

//	If outside scroll box then  cancel drop.
			if(document.all)e = event;
			var mouse_x = e.clientX/1 + 5 + document.body.scrollLeft;
			var mouse_y = e.clientY/1 + 5 + document.documentElement.scrollTop;	

			var left = JSTreeObj.getLeftPos( document.getElementById( 'leftwindowbox' ) );
			var right = left + document.getElementById( 'leftwindowbox' ).offsetWidth;
			var top = JSTreeObj.getTopPos( document.getElementById( 'leftwindowbox' ) );
			var bottom = top + document.getElementById( 'leftwindowbox' ).offsetHeight;

			if( mouse_x < left || mouse_x > right || mouse_y < top || mouse_y > bottom )
				JSTreeObj.dragNode_destination = false;

			var showMessage = false;
			if(JSTreeObj.dragNode_destination){	// Check depth
				var countUp = JSTreeObj.dragDropCountLevels(JSTreeObj.dragNode_destination,'up');
				if(countUp>JSTreeObj.maximumDepth){
					JSTreeObj.dragNode_destination = false;
					showMessage = true; 	// Used later down in this function
				}
			}

			if( JSTreeObj.whatKindOfTree( JSTreeObj.dragNode_source ) == 'source' )
				var sourceNode = JSTreeObj.dupNode;	
			else
				var sourceNode = JSTreeObj.dragNode_source;	

			var source_id = JSTreeObj.getId( sourceNode );
			
			if( JSTreeObj.dragNode_destination )
			{			
				if( JSTreeObj.insertAsSub )
				{
					var uls = JSTreeObj.dragNode_destination.getElementsByTagName('UL');
				//	there is already a ul block
					if( uls.length > 0 )	
					{
						ul = uls[0];
						ul.style.display='block';

						var lis = ul.getElementsByTagName('LI');
				//	Sub elements exists - drop dragable node before the first one
						if( lis.length > 0 ) 	
						{
							//	if not expanded then expand first
							var imgTags = JSTreeObj.dragNode_destination.getElementsByTagName('IMG');
							var imgSrc = imgTags[0].src.split( '/' );
							var imgFile = imgSrc[imgSrc.length - 1];
							if( imgFile == JSTreeObj.plusImage )
								JSTreeObj.showHideNode( false, JSTreeObj.dragNode_destination.id );
							dest_id = JSTreeObj.getId( lis[0] );
							move_type = 'infrontof';
							ul.insertBefore( sourceNode, lis[0] );	
						}
						else
						{	// No sub exists - use the appendChild method
							ul.appendChild( sourceNode );	
							dest_id = JSTreeObj.getId( ul.parentNode );
							move_type = 'childof';
						}
					}
					else
					{
						var ul = document.createElement('UL');
						ul.style.display='block';
						JSTreeObj.dragNode_destination.appendChild(ul);
						ul.appendChild( sourceNode );	
						dest_id = JSTreeObj.getId( JSTreeObj.dragNode_destination );
						move_type = 'childof';
					}
					var img = JSTreeObj.dragNode_destination.getElementsByTagName('IMG')[0];					
					img.style.visibility='visible';
					img.src = img.src.replace(JSTreeObj.plusImage,JSTreeObj.minusImage);					
				}
				else	//	insert as a sibling
				{
					var parent = JSTreeObj.dragNode_destination.parentNode;
					var nextSib = JSTreeObj.dragNode_destination.nextSibling;

					while( nextSib && nextSib.nodeType != 1 )
						nextSib = nextSib.nextSibling;

					if( nextSib )
					{
						parent.insertBefore( sourceNode, nextSib );
						dest_id = JSTreeObj.getId( nextSib );
						move_type = 'infrontof';
					}
					else
					{
//						parent.appendChild( sourceNode );
//						dest_id = JSTreeObj.getId( parent.parentNode );
//						move_type = 'childof';
						parent.insertBefore( sourceNode, null );
						dest_id = JSTreeObj.getId( JSTreeObj.dragNode_destination );
						move_type = 'after';
					}
				}	

				if( sourceNode == JSTreeObj.dupNode )
				{
					var aTags = JSTreeObj.dupNode.getElementsByTagName('A');
					aTags[0].onmousedown = JSTreeObj.initDrag;
					var imgTags = JSTreeObj.dupNode.getElementsByTagName('IMG');
					imgTags[1].onmousedown = JSTreeObj.initDrag;
				}
				/* Clear parent object if now empty*/
				var tmpObj = JSTreeObj.dragNode_parent;
				var lis = tmpObj.getElementsByTagName('LI');
				if( lis.length == 0 )
				{
					var img = tmpObj.parentNode.getElementsByTagName('IMG')[0];
					img.style.visibility='hidden';	// Hide [+],[-] icon
					tmpObj.parentNode.removeChild(tmpObj);						
				}
	
				var ajaxIndex = JSTreeObj.ajaxObjects.length;
				JSTreeObj.ajaxObjects[ajaxIndex] = new sack();
				JSTreeObj.ajaxObjects[ajaxIndex].method = "GET";
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("mode", 'save_move');
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("move_type", move_type);
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("source_id", source_id);
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("dest_id", dest_id);
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("href", JSTreeObj.getHref( sourceNode ) );
				JSTreeObj.ajaxObjects[ajaxIndex].requestFile = JSTreeObj.structure_tab;
				JSTreeObj.ajaxObjects[ajaxIndex].onCompletion = function() { JSTreeObj.__finishSaveMove( ajaxIndex, sourceNode ); } ;
				JSTreeObj.ajaxObjects[ajaxIndex].runAJAX();
			}
			else 	// no destination selected
			{
				if( JSTreeObj.whatKindOfTree( JSTreeObj.dragNode_source ) == 'source' )
				{
					//	delete the cloned node from the float
					JSTreeObj.floatingContainer.removeChild( JSTreeObj.floatingContainer.lastChild );
				}
				else
				{
					//	move the mode back to it;s original spot
					if( JSTreeObj.dragNode_sourceNextSib )
						JSTreeObj.dragNode_parent.insertBefore( JSTreeObj.dragNode_source, JSTreeObj.dragNode_sourceNextSib );
					else
						JSTreeObj.dragNode_parent.appendChild( JSTreeObj.dragNode_source );
				}
			}
			JSTreeObj.dropTargetIndicator.style.display='none';		
			JSTreeObj.dragDropTimer = -1;	
			if( showMessage && JSTreeObj.messageMaximumDepthReached )
				alert( JSTreeObj.messageMaximumDepthReached );
		}
		,
		createDropIndicator : function()
		{
			this.dropTargetIndicator = document.createElement('DIV');
			this.dropTargetIndicator.style.position = 'absolute';
			this.dropTargetIndicator.style.zIndex = '200';
			this.dropTargetIndicator.style.display='none';			
			var img = document.createElement('IMG');
			img.src = this.imageFolder + 'dragDrop_ind1.gif';
			img.id = 'dragDropIndicatorImage';
			this.dropTargetIndicator.appendChild(img);
			document.body.appendChild(this.dropTargetIndicator);
			
		}
		,
		dragDropCountLevels : function(obj,direction,stopAtObject){
			var countLevels = 0;
			if(direction=='up'){
				while(obj.parentNode && obj.parentNode!=stopAtObject){
					obj = obj.parentNode;
					if(obj.tagName=='UL')countLevels = countLevels/1 +1;
				}		
				return countLevels;
			}	
			
			if(direction=='down'){ 
				var subObjects = obj.getElementsByTagName('LI');
				for(var no=0;no<subObjects.length;no++){
					countLevels = Math.max(countLevels,JSTreeObj.dragDropCountLevels(subObjects[no],"up",obj));
				}
				return countLevels;
			}	
		}		
		,
		cancelEvent : function()
		{
			return false;	
		}
		,
		cancelSelectionEvent : function()
		{
			
			if(JSTreeObj.dragDropTimer<10)return true;
			return false;	
		}
		,getNodeOrders : function(initObj,saveString)
		{
			
			if(!saveString)var saveString = '';
			if(!initObj){
				initObj = document.getElementById(this.idOfTree);

			}
			var lis = initObj.getElementsByTagName('LI');

			if(lis.length>0){
				var li = lis[0];
				while(li){
					if(li.id){
						if(saveString.length>0)saveString = saveString + ',';
						var numericID = li.id.replace(/[^0-9]/gi,'');
						if(numericID.length==0)numericID='A';
						var numericParentID = li.parentNode.parentNode.id.replace(/[^0-9]/gi,'');
						if(numericID!='0'){
							saveString = saveString + numericID;
							saveString = saveString + '-';
							
							
							if(li.parentNode.id!=this.idOfTree)saveString = saveString + numericParentID; else saveString = saveString + '0';
						}
						var ul = li.getElementsByTagName('UL');
						if(ul.length>0){
							saveString = this.getNodeOrders(ul[0],saveString);	
						}	
					}			
					li = li.nextSibling;
				}
			}

			if(initObj.id == this.idOfTree){
				return saveString;
							
			}
			return saveString;
		}
		,highlightItem : function(inputObj,e)
		{
			if(JSTreeObj.currentlyActiveItem)JSTreeObj.currentlyActiveItem.className = '';
			this.className = 'highlightedNodeItem';
			JSTreeObj.currentlyActiveItem = this;
		}
		,
		removeHighlight : function()
		{
			if(JSTreeObj.currentlyActiveItem)JSTreeObj.currentlyActiveItem.className = '';
			JSTreeObj.currentlyActiveItem = false;
		}
		,
		hasSubNodes : function(obj)
		{
			var subs = obj.getElementsByTagName('LI');
			if(subs.length>0)return true;
			return false;	
		}
		,
		deleteItem : function(obj1,obj2)
		{
			var message = 'Click OK to delete item ' + obj2.innerHTML;
			if(this.hasSubNodes(obj2.parentNode)) message = message + ' and it\'s sub nodes';
			if(confirm(message)){
				this.__deleteItem_step2(obj2.parentNode);	// Sending <LI> tag to the __deleteItem_step2 method	
			}
			
		}
		,
		__refreshDisplay : function(obj)
		{
			if(this.hasSubNodes(obj))return;

			var img = obj.getElementsByTagName('IMG')[0];
			img.style.visibility = 'hidden';	
		}
		,
		__deleteItem_step2 : function(obj)
		{

			var saveString = obj.id.replace(/[^0-9]/gi,'');
			
			var lis = obj.getElementsByTagName('LI');
			for(var no=0;no<lis.length;no++){
				saveString = saveString + ',' + lis[no].id.replace(/[^0-9]/gi,'');
			}
			
			// Creating ajax object and send items
			var ajaxIndex = JSTreeObj.ajaxObjects.length;
			JSTreeObj.ajaxObjects[ajaxIndex] = new sack();
			JSTreeObj.ajaxObjects[ajaxIndex].method = "GET";
			JSTreeObj.ajaxObjects[ajaxIndex].setVar("deleteIds", saveString);
			JSTreeObj.__addAdditionalRequestParameters(JSTreeObj.ajaxObjects[ajaxIndex], JSTreeObj.additionalDeleteRequestParameters);
			JSTreeObj.ajaxObjects[ajaxIndex].requestFile = JSTreeObj.filePathDeleteItem;	// Specifying which file to get
			JSTreeObj.ajaxObjects[ajaxIndex].onCompletion = function() { JSTreeObj.__deleteComplete(ajaxIndex,obj); } ;	// Specify function that will be executed after file has been found
			JSTreeObj.ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function				
			
			
		}
		,
		__deleteComplete : function(ajaxIndex,obj)
		{
			if(this.ajaxObjects[ajaxIndex].response!='OK'){
				alert('ERROR WHEN TRYING TO DELETE NODE: ' + this.ajaxObjects[ajaxIndex].response); 	// Rename failed
			}else{
				var parentRef = obj.parentNode.parentNode;
				obj.parentNode.removeChild(obj);
				this.__refreshDisplay(parentRef);
				
			}			
			
		}
		,
		__renameComplete : function(ajaxIndex)
		{
			if(this.ajaxObjects[ajaxIndex].response!='OK'){
				alert('ERROR WHEN TRYING TO RENAME NODE: ' + this.ajaxObjects[ajaxIndex].response); 	// Rename failed
			}
		}
		,
		__saveTextBoxChanges : function(e,inputObj)
		{
			if(!inputObj && this)inputObj = this;
			if(document.all)e = event;
			if(e.keyCode && e.keyCode==27){
				JSTreeObj.__cancelRename(e,inputObj);
				return;
			}
			inputObj.style.display='none';
			inputObj.nextSibling.style.visibility='visible';
			if(inputObj.value.length>0){
				inputObj.nextSibling.innerHTML = inputObj.value;	
				// Send changes to the server.
				if (JSTreeObj.renameState != JSTreeObj.RENAME_STATE_BEGIN) {
					return;
				}
				JSTreeObj.renameState = JSTreeObj.RENAME_STATE_REQUEST_SENDED;

				var ajaxIndex = JSTreeObj.ajaxObjects.length;
				JSTreeObj.ajaxObjects[ajaxIndex] = new sack();
				JSTreeObj.ajaxObjects[ajaxIndex].method = "GET";
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("renameId", inputObj.parentNode.id.replace(/[^0-9]/gi,''));
				JSTreeObj.ajaxObjects[ajaxIndex].setVar("newName", inputObj.value);
				JSTreeObj.__addAdditionalRequestParameters(JSTreeObj.ajaxObjects[ajaxIndex], JSTreeObj.additionalRenameRequestParameters);
				JSTreeObj.ajaxObjects[ajaxIndex].requestFile = JSTreeObj.filePathRenameItem;	// Specifying which file to get
				JSTreeObj.ajaxObjects[ajaxIndex].onCompletion = function() { JSTreeObj.__renameComplete(ajaxIndex); } ;	// Specify function that will be executed after file has been found
				JSTreeObj.ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function		
							
				
				
			}
		}
		,
		__cancelRename : function(e,inputObj)
		{
			JSTreeObj.renameState = JSTreeObj.RENAME_STATE_CANCELD;
			if(!inputObj && this)inputObj = this;
			inputObj.value = JSTreeObj.helpObj.innerHTML;
			inputObj.nextSibling.innerHTML = JSTreeObj.helpObj.innerHTML;
			inputObj.style.display = 'none';
			inputObj.nextSibling.style.visibility = 'visible';
		}
		,
		__renameCheckKeyCode : function(e)
		{
			if(document.all)e = event;
			if(e.keyCode==13){	// Enter pressed
				JSTreeObj.__saveTextBoxChanges(false,this);	
			}	
			if(e.keyCode==27){	// ESC pressed
				JSTreeObj.__cancelRename(false,this);
			}
		}
		,
		__createTextBox : function(obj)
		{
			var textBox = document.createElement('INPUT');
			textBox.className = 'folderTreeTextBox';
			textBox.value = obj.innerHTML;
			obj.parentNode.insertBefore(textBox,obj);	
			textBox.id = 'textBox' + obj.parentNode.id.replace(/[^0-9]/gi,'');
			textBox.onblur = this.__saveTextBoxChanges;	
			textBox.onkeydown = this.__renameCheckKeyCode;
			this.__renameEnableTextBox(obj);
		}
		,
		__renameEnableTextBox : function(obj)
		{
			JSTreeObj.renameState = JSTreeObj.RENAME_STATE_BEGIN;
			obj.style.visibility = 'hidden';
			obj.previousSibling.value = obj.innerHTML;
			obj.previousSibling.style.display = 'inline';	
			obj.previousSibling.select();
		}
		,
		renameItem : function(obj1,obj2)
		{
			currentItemToEdit = obj2.parentNode;	// Reference to the <li> tag.
			if(!obj2.previousSibling || obj2.previousSibling.tagName.toLowerCase()!='input'){
				this.__createTextBox(obj2);
			}else{
				this.__renameEnableTextBox(obj2);
			}
			this.helpObj.innerHTML = obj2.innerHTML;

		}
		,
		initTree : function()
		{

			JSTreeObj = this;
			JSTreeObj.createDropIndicator();
			document.documentElement.onselectstart = JSTreeObj.cancelSelectionEvent;
			document.documentElement.ondragstart = JSTreeObj.cancelEvent;
			document.documentElement.onmousedown = JSTreeObj.removeHighlight;
			
			/* Creating help object for storage of values */
			this.helpObj = document.createElement('DIV');
			this.helpObj.style.display = 'none';
			document.body.appendChild(this.helpObj);
			
					
			var tree = document.getElementById(this.idOfTree);
			var menuItems = tree.getElementsByTagName('LI');	// Get an array of all menu items
			for(var no=0;no<menuItems.length;no++){
				// No children var set ?
				var noChildren = false;
				var tmpVar = menuItems[no].getAttribute('noChildren');
				if(!tmpVar)tmpVar = menuItems[no].noChildren;
				if(tmpVar=='true')noChildren=true;
				// No drag var set ?
				var noDrag = false;
				var tmpVar = menuItems[no].getAttribute('noDrag');
				if(!tmpVar)tmpVar = menuItems[no].noDrag;
				if(tmpVar=='true')noDrag=true;
						 
				nodeId++;
				var subItems = menuItems[no].getElementsByTagName('UL');
				var img = document.createElement('IMG');
				img.src = this.imageFolder + this.plusImage;
				img.onclick = JSTreeObj.showHideNode;
				
				if(subItems.length==0)img.style.visibility='hidden';else{
					subItems[0].id = 'tree_ul_' + treeUlCounter;
					treeUlCounter++;
				}
				var aTag = menuItems[no].getElementsByTagName('A')[0];
				if(!noDrag)aTag.onmousedown = JSTreeObj.initDrag;
				if( !noChildren && aTag.className && aTag.className == 'page' )
					aTag.onmousemove = JSTreeObj.moveDragableNodes;
				menuItems[no].insertBefore(img,aTag);
				menuItems[no].id = 'tree_li_' + nodeId;
				var folderImg = document.createElement('IMG');
				if(!noDrag)folderImg.onmousedown = JSTreeObj.initDrag;
				if( !noChildren )
					folderImg.onmousemove = JSTreeObj.moveDragableNodes;
				if( aTag.className )
					folderImg.src = this.imageFolder + aTag.className + '.gif';
				else
					folderImg.src = this.imageFolder + this.folderImage;
				menuItems[no].insertBefore(folderImg,aTag);
			}	
			
			initExpandedNodes = this.Get_Cookie('WaM_sitemap');
			if(initExpandedNodes){
				var nodes = initExpandedNodes.split(',');
				for(var no=0;no<nodes.length;no++){
					if(nodes[no])this.showHideNode(false,nodes[no]);	
				}			
			}			

//			JSTreeObj.hideButtons( );
			
			document.documentElement.onmousemove = JSTreeObj.moveDragableNodes;	
			document.documentElement.onmouseup = JSTreeObj.dropDragableNodes;
		}
		,
		__addAdditionalRequestParameters : function(ajax, parameters)
		{
			for (var parameter in parameters) {
				ajax.setVar(parameter, parameters[parameter]);
			}
		}
	}