/*
 * DBTreeView.
 * @author     Rodolphe Cardon de Lichtbuer <rodolphe@wol.be>
 * @copyright  2007 Rodolphe Cardon de Lichtbuer
 * @license    http://www.opensource.org/licenses/lgpl-license.php LGPL
 */

/**To avoid name collision with others scripts, all variables and functions
are in the DBTreeView namespace*/
function clickOnNode() 
{

}

var DBTreeView = {};

DBTreeView.ATTRIBUTE_TAG = "Attribute";
DBTreeView.ATTRIBUTE_NAME_ATTR = "name";
DBTreeView.ATTRIBUTE_VALUE_ATTR = "value";

/************************************************ 
XMLChildrenRequest 
Children request XML data object
*/

/* Construtor*/
DBTreeView.XMLChildrenRequest = function(attributes){
	this.attributes = attributes; //associative array
}

/* Constants */
DBTreeView.XMLChildrenRequest.prototype.version = 1;
DBTreeView.XMLChildrenRequest.prototype.TAG = "ChildrenRequest";
DBTreeView.XMLChildrenRequest.prototype.VERSION_ATTR = "version";

/* ToElement returns DOM element. 
   'doc' is a DOM document.
*/
DBTreeView.XMLChildrenRequest.prototype.toElement = function(doc){
	var elem = doc.createElement(this.TAG);
	elem.setAttribute(this.VERSION_ATTR, this.version);
	for(var key in this.attributes){
		var attrElem = doc.createElement(DBTreeView.ATTRIBUTE_TAG);
		attrElem.setAttribute(DBTreeView.ATTRIBUTE_NAME_ATTR, key);
		attrElem.setAttribute(DBTreeView.ATTRIBUTE_VALUE_ATTR, this.attributes[key]);
		elem.appendChild(attrElem);
	}
	return elem;
}

/************************************************ 
/** XMLChildrenResponse constructor
attributes :
- version
- nodes (xmlnodes)
*/
DBTreeView.XMLChildrenResponse = function(){
}

/** XMLChildrenResponse constants*/
DBTreeView.XMLChildrenResponse.prototype.TAG = "ChildrenResponse";
DBTreeView.XMLChildrenResponse.prototype.VERSION = "version";

/** Parses a DOM element as XMLChildrenResponse.*/
DBTreeView.XMLChildrenResponse.getInstance = function(elem){
	var response = new DBTreeView.XMLChildrenResponse();
	if(elem.getAttribute(DBTreeView.XMLChildrenResponse.prototype.VERSION) != 1){
		throw "invalid version";
	}
	response.version = elem.getAttribute(DBTreeView.XMLChildrenResponse.prototype.VERSION)
	response.nodes = new Array();//array of xmltreenode
	for(var i=0; i< elem.childNodes.length; i++){
	    var node = elem.childNodes[i];
	    
	    if(node.nodeType == 1){
			response.nodes.push(DBTreeView.XMLTreeNode.getInstance(node));
		}
	}
	return response;
}

/************************************************ 
/** XMLTreeNode constructor.
attributes
- text
- attributes
- imageOpen
- imageClosed
- URL
- URLTargetFrame
- hasChildren
- defaultOpen
- children
*/
DBTreeView.XMLTreeNode = function(text, attributes){
	this.text = text;
	this.attributes = attributes;
}

/** TreeNode constants.*/
DBTreeView.XMLTreeNode.prototype.TAG = "Node";
DBTreeView.XMLTreeNode.prototype.TEXT = "text";
DBTreeView.XMLTreeNode.prototype.IMAGE_OPEN = "openIcon";
DBTreeView.XMLTreeNode.prototype.IMAGE_CLOSED = "closedIcon";
DBTreeView.XMLTreeNode.prototype.URL = "URL";
DBTreeView.XMLTreeNode.prototype.URL_TARGET_FRAME = "URLTargetFrame";
DBTreeView.XMLTreeNode.prototype.HAS_CHILDREN = "hasChildren";
DBTreeView.XMLTreeNode.prototype.DEFAULT_OPEN = "isOpenByDefault";
DBTreeView.XMLTreeNode.prototype.TYPE = "type";
DBTreeView.XMLTreeNode.prototype.OPTIONS = "options"; 

/** Parses a DOM element and creates a XMLTreeNode object.*/
DBTreeView.XMLTreeNode.getInstance = function(elem){
	var XMLTreeNode = DBTreeView.XMLTreeNode;
	if(elem.nodeType != 1){
	  throw "Invalid <TreeNode>";
	}
    var xmlNode = new DBTreeView.XMLTreeNode();
	var attributes = new Array();
	var xmlChildren = new Array();
	
	var child = elem.firstChild;
	while(child!=null){
	  if(child.nodeName == DBTreeView.ATTRIBUTE_TAG){
		attributes[child.getAttribute(DBTreeView.ATTRIBUTE_NAME_ATTR)]= 
		         child.getAttribute(DBTreeView.ATTRIBUTE_VALUE_ATTR);
	  }else if(child.nodeName == this.prototype.TAG){
	    xmlChildren.push(DBTreeView.XMLTreeNode.getInstance(child));
	  }else{
	  	throw "Invalid node";
	  }
	  child = DBTreeView.nextSiblingElement(child);
	 }
	 
	 xmlNode.text = elem.getAttribute(XMLTreeNode.prototype.TEXT);
     xmlNode.type = elem.getAttribute(XMLTreeNode.prototype.TYPE); 
     xmlNode.options = elem.getAttribute(XMLTreeNode.prototype.OPTIONS); 
	 xmlNode.imageOpen = elem.getAttribute(XMLTreeNode.prototype.IMAGE_OPEN);
	 xmlNode.imageClosed = elem.getAttribute(XMLTreeNode.prototype.IMAGE_CLOSED);
	 xmlNode.URL = elem.getAttribute(XMLTreeNode.prototype.URL);
	 xmlNode.URLTargetFrame = elem.getAttribute(XMLTreeNode.prototype.URL_TARGET_FRAME);
	 xmlNode.hasChildren = (elem.getAttribute(XMLTreeNode.prototype.HAS_CHILDREN)=="false") ? false : true; 
     xmlNode.defaultOpen = (elem.getAttribute(XMLTreeNode.prototype.DEFAULT_OPEN)=="false") ? false : true;
	 xmlNode.attributes = attributes;
	 xmlNode.children = xmlChildren;
     xmlNode.lastnode = false;  
	 return xmlNode;

}

/**********************************************/

DBTreeView.Listener = function(){
};

DBTreeView.Listener.openNode = function(){
	this.node.openNode();
}
DBTreeView.Listener.closeNode = function(){
	this.node.closeNode();
}
/************************************************ 
TreeNode constructor. elem is the <div> HTML element.
Properties: 
- treeView : the treeview object
- elem : the <div> element of the node
- hasChildren
- children (new): the TreeNode objects 
- isExpanded
- expImgElem (expand <img> element)
- iconImgElem
- attributes
- text
- imageOpen
- imageClosed
- URL
- URLTargetFrame
- hasChildren
- defaultOpen
- isExpanded
- isRoot (boolean)

methods :
getImageOpen()
getImageClosed()

*/
DBTreeView.TreeNode = function(treeView, elem){
	this.treeView = treeView;
	this.elem = elem; //<div> element.
	this.isRoot = false;
}

DBTreeView.TreeNode.prototype.getImageOpen = function(){
   return (this.imageOpen !=null) ? this.imageOpen : this.treeView.defaultImageOpen;
}

DBTreeView.TreeNode.prototype.getImageClosed = function(){
   return (this.imageClosed !=null) ? this.imageClosed : this.treeView.defaultImageClosed;
}

DBTreeView.TreeNode.prototype.openNode = function(){
	//check if node
	var node = this;
	if(!this.hasChildren){
		alert("Bug: has no children (openNode)");
		//to do : remove + symbol
		return;
	}
	if(this.children == null){
		this.isExpanded=true; //require
	    this.expImgElem.src = this.treeView.waitImgSrc;
	    
		//retrieves nodes (may be empty)
		var attributes = this.attributes;
		
		//prepare callback
		var callback = function(response){
			if(response.nodes.length>0){
				node.displayChildren(response.nodes);
				node.isExpanded=true;
				node.expImgElem.src=node.treeView.minusImgSrc;
				node.expImgElem.onclick=DBTreeView.Listener.closeNode;
				//node.iconImgElem.src=node.getImageOpen();
				//node.iconImgElem.onclick=DBTreeView.Listener.closeNode;
                node.textCellElem.onclick = DBTreeView.Listener.closeNode;
			}else{
			 //hide expander
			 node.expImgElem.src=this.treeView.emptyImgSrc;
			 node.expImgElem.onclick=null;
			 node.expImgElem.style.cursor = "";
			 //node.iconImgElem.onclick=null;
			 //node.iconImgElem.style.cursor = "";
			}
		}
		DBTreeView.query(attributes, this.treeView.script, callback);
	}
	else{
		//display nodes
		for(var i in this.children){
			this.children[i].elem.style.display="block";
		}
		this.isExpanded=true;
		this.expImgElem.src=this.treeView.minusImgSrc;
		this.expImgElem.onclick=DBTreeView.Listener.closeNode;
		//this.iconImgElem.src=this.getImageOpen();
		//this.iconImgElem.onclick=DBTreeView.Listener.closeNode;
        this.textCellElem.onclick = DBTreeView.Listener.closeNode;
	}
}

DBTreeView.Listener.closeNode = function(){
	var node = this.node;
	if(!node.hasChildren){
		//to do : remove + symbol
		return;
	}
	if(node.children == null){
	   alert("node.children=null ??");
	}
	else{
		for(var i in node.children){
			var nodeElem = node.children[i].elem;
			nodeElem.style.display="none";
		}
		node.isExpanded=false;
		node.expImgElem.src=node.treeView.plusImgSrc;
		node.expImgElem.onclick=DBTreeView.Listener.openNode;
		//node.iconImgElem.src=node.getImageClosed();
		//node.iconImgElem.onclick=DBTreeView.Listener.openNode;
        node.textCellElem.onclick = DBTreeView.Listener.openNode;
	}
	
}

DBTreeView.TreeNode.prototype.displayChildren = function(xmlnodes){
 	var parentNode = this;
 	var treeView = this.treeView;
    var tvElem = document.getElementById(treeView.id);
 	for(var j=0; j<xmlnodes.length;j++){
		var xmlnode = xmlnodes[j];
		var nodeElem = document.createElement("div");
		var node = new DBTreeView.TreeNode(treeView, nodeElem);
		if(!this.isExpanded){
			nodeElem.style.display = "none";
		}
		if(parentNode.isRoot){ 
			nodeElem.className = "primaryNode";
		}else{
            if (xmlnode.type == "course")
                nodeElem.className = "courseNode"
            else
			    nodeElem.className = "subNode";
		}
		
		//if hasChildren and nodes don't match => nodes has priority
		
		node.parentNode = parentNode;
		node.treeView = parentNode.treeView;
		node.text = xmlnode.text;
        node.type = xmlnode.type;
        node.options = xmlnode.options;
		node.imageOpen = xmlnode.imageOpen;
		node.imageClosed = xmlnode.imageClosed;
		node.URL = xmlnode.URL;
		node.URLTargetFrame = xmlnode.URLTargetFrame;
		//by default, a node has children.
		node.hasChildren = (xmlnode.hasChildren != null && xmlnode.children.length < 1) ? xmlnode.hasChildren : true ;
		node.defaultOpen = xmlnode.defaultOpen;
		node.attributes = xmlnode.attributes;
		//not expanded if no information on nodes are send by server
		node.isExpanded = (xmlnode.children.length > 0 && node.defaultOpen);
		
		node.children = null; //content all the TreeNode children
        node.lastnode = (j == xmlnodes.length-1);

		//update parent node
		if(parentNode.children == null){
		 	parentNode.children = new Array();
		}
		parentNode.children.push(node);
		
		//node table
		var tableElem = document.createElement("table");
		//tableElem.className = "tvNodeTable";
        tableElem.className = "categorylist";
		//tableElem.cellPadding = 0;
		//tableElem.cellSpacing = 0;

		
		//bug IE 7
		//var rowElem = document.createElement("tr");
		//tableElem.appendChild(rowElem); 
		var rowElem = tableElem.insertRow(0);
		//rowElem.vAlign="top";
        var lines = new Array();
        var curnode = node
		while (curnode != null)
        { 
            if (curnode.parentNode != null && !curnode.parentNode.isRoot)
            {
                var expCellElem = document.createElement("td"); 
                if (curnode.parentNode.lastnode)
                    expCellElem.className="novertline";
                else
                    expCellElem.className="vertline" ; 
                lines.push(expCellElem);
                curnode = curnode.parentNode;
            }
            else
                 curnode = null;
        }
        
        while (lines.length > 0)
        {
            rowElem.appendChild(lines.pop()); 
        } 
        
		//expander image
		var expCellElem = document.createElement("td");
		var expImgElem = document.createElement("img");
		expImgElem.className="tvExpander";
		expImgElem.style.cursor = "pointer";
		var expImgSrc;
		if(!node.hasChildren){
			expImgSrc = treeView.emptyImgSrc;
			expImgElem.style.cursor = "";
			
	    }else if(node.isExpanded){
	        expImgSrc = treeView.minusImgSrc;
	        expImgElem.onclick = DBTreeView.Listener.closeNode;
		}else{
		    expImgSrc = treeView.plusImgSrc;
		    expImgElem.onclick = DBTreeView.Listener.openNode;
		}
		expImgElem.node = node;
		expImgElem.src = expImgSrc; 
		
		
		expCellElem.appendChild(expImgElem); 
        if (j == xmlnodes.length-1 )
            if (node.type == "course")
                expCellElem.className="lastnode";
            else
                expCellElem.className="lastnodeCat";
        else
            if (node.type == "course")
                expCellElem.className="node";
            else
                expCellElem.className="vertline";
		rowElem.appendChild(expCellElem);
		node.expImgElem = expImgElem;
		
		//image (icon) : 
		var iconCellElem = document.createElement("td");
		/*var iconImgElem = document.createElement("img");
		iconImgElem.className="tvIcon";
		if(node.hasChildren){
		iconImgElem.style.cursor = "pointer";
		}
		var iconImgSrc;
		if(!node.hasChildren){
	       //closed not clicable
			iconImgSrc = node.getImageClosed();
			//iconImgElem.onclick = "";		
		}else if(node.isExpanded){
			//open
			iconImgSrc = node.getImageOpen();
			iconImgElem.onclick = DBTreeView.Listener.closeNode;
	    }else{
	       //closed
			iconImgSrc = node.getImageClosed();
			iconImgElem.onclick = DBTreeView.Listener.openNode;
		}
		iconImgElem.node = node;
		iconImgElem.src = iconImgSrc;

		iconCellElem.appendChild(iconImgElem); */
        if (node.type == "course")
            iconCellElem.className = "course image"    
        else if (node.type == "categorie") 
            iconCellElem.className = "category image"  

		//node.iconImgElem = iconImgElem;
	    rowElem.appendChild(iconCellElem);
	
	
		//text :
		var textCellElem = document.createElement("td");
		textCellElem.className = "nodeText";
		if(node.URL !=null && (node.hasChildren || node.type == "course")){
			var aElem = document.createElement("a");
			aElem.href = node.URL;
            aElem.name = node.attributes["code"];
			if(node.URLTargetFrame !=null){
				aElem.target = node.URLTargetFrame;
			}
			aElem.innerHTML = node.text;  
			textCellElem.appendChild(aElem);
		}else{
            if (node.hasChildren)
            {
                var aElem = document.createElement("a");
                aElem.href = "javascript:clickOnNode()"; 
                aElem.name = node.attributes["code"];
                if(node.URLTargetFrame !=null){
                    aElem.target = node.URLTargetFrame;
                }
                aElem.innerHTML = node.text;  
                textCellElem.appendChild(aElem);
            }
            else
			    textCellElem.innerHTML = node.text;
		}
        if (node.type == "course")
            if ( j%2 == 0)
                textCellElem.className = "course name"
            else
                textCellElem.className = "course name alt"    
        else if (node.type == "categorie")
        {
            if (node.hasChildren)
                textCellElem.className = "category name"
            else
                textCellElem.className = "category name dimmed"
            
            if(!node.hasChildren){
           //closed not clicable       
            }else if(node.isExpanded){
                //open
                textCellElem.onclick = DBTreeView.Listener.closeNode;
            }else{
               //closed
                textCellElem.onclick = DBTreeView.Listener.openNode;
            }
            textCellElem.node = node;
            node.textCellElem = textCellElem;
        }
        
		rowElem.appendChild(textCellElem);
        
        //options :
        if (node.type == "course")
        {
            var textOptionsElem = document.createElement("td");
            if ( j%2 == 0)
                textOptionsElem.className = "course info"
            else
                textOptionsElem.className = "course info alt"
            
            textOptionsElem.innerHTML =  node.options.replace(/\\'/g,"'");
            
            rowElem.appendChild(textOptionsElem); 

        }
        
        

		nodeElem.appendChild(tableElem);
		if(xmlnode.children != null){
		   node.displayChildren(xmlnode.children);
		}
		
		//nodeElem.appendChild(textNode);
		parentNode.elem.appendChild(nodeElem);
        //tvElem.appendChild(nodeElem);
	}
}

function debugXML(elem){
    alert(xmlContent(elem));
}


/**
 * Tree View object
 attributes: 
 - loadingMessage
 - waitImgSrc
 - minusImgSrc
 - plusImgSrc
 - emptyImgSrc
 - id
 - attributes
 - script
 - rootNode (virtual root node)
 - defaultImageOpen
 - defaultImageClosed
 */
DBTreeView.TreeView = function(params){
	
	treeView = this;
	
	//params reading
	treeView.id = params.id;
	treeView.loadingMessage = (params.loadingMessage != null) ? params.loadingMessage : "<img src=\""+params.waitImgSrc +"\" /> Loading...";
	treeView.root = params.root; //object with text, icon, URL, URLTargetFrame
	treeView.defaultImageOpen = params.defaultImageOpen;
	treeView.defaultImageClosed = params.defaultImageClosed;
	treeView.minusImgSrc = params.minusImgSrc;
	treeView.waitImgSrc = params.waitImgSrc;
	treeView.plusImgSrc = params.plusImgSrc;
	treeView.emptyImgSrc = params.emptyImgSrc;
		
	var rootAttributes = params.attributes;
	treeView.script = params.script;	
	
	//process
	document.write("<div class=\"treeView\" id=\""+treeView.id+"\">"+treeView.loadingMessage+"</div>");
    var tvElem = document.getElementById(treeView.id);
	//prepare callback
	var callback = function(response){
		tvElem.innerHTML=""; //delete loading

		//display the root elem if asked
		if(treeView.root !=null && treeView.root.text !=null){
			//node table
			var tableElem = document.createElement("table");
			tableElem.className = "tvNodeTable";
			tableElem.cellSpacing = 0;
			var rowElem = tableElem.insertRow(0);
			rowElem.vAlign="top";
		
			//image (icon) : 
			var iconCellElem = document.createElement("td");
			var iconImgElem = document.createElement("img");
			iconImgElem.className="tvIcon";
			iconImgElem.src = (treeView.root.icon != null) ? treeView.root.icon : treeView.defaultImageOpen;
			
			iconCellElem.appendChild(iconImgElem);
		    rowElem.appendChild(iconCellElem);
		
			//text :
			var textCellElem = document.createElement("td");
			textCellElem.className = "nodeText";
			if(treeView.root.URL !=null){
				var aElem = document.createElement("a");
				aElem.href = this.root.URL;
				if(treeView.root.URLTargetFrame !=null){
					aElem.target = treeView.root.URLTargetFrame;
				}
				aElem.innerHTML = treeView.root.text;
				textCellElem.appendChild(aElem);
			}else{
				textCellElem.innerHTML = treeView.root.text;
			}
			rowElem.appendChild(textCellElem);
				
			tvElem.appendChild(tableElem);

		}
		
		var rootNode = new DBTreeView.TreeNode(treeView, tvElem);
		rootNode.isRoot = true;
		rootNode.isExpanded = true;
		//rootNode.hasChildren = true;
		treeView.rootNode = rootNode;
		rootNode.displayChildren(response.nodes);
	}
	
	//query
	DBTreeView.query(rootAttributes, treeView.script, callback);
}

/**Asynchronous query. 
  *Return without value. 
  *Call callback with reponse element
  *if script is null, the same page is called.
  */
DBTreeView.query = function(attributes, script, callback){
	//prepare request
	var request = new DBTreeView.XMLChildrenRequest(attributes);
	var doc = DBTreeView.newDoc();
	var elem = request.toElement(doc);
	doc.appendChild(elem);

	//send request
	var xmlhttp = DBTreeView.getHTTPObject();
	xmlhttp.onreadystatechange = function (){
		if(xmlhttp.readyState == 4){
   			if(xmlhttp.status!=200){
   				alert("Problem retrieving XML data");
   			}
			try{
			//alert("Server response: "+xmlhttp.responseText);
			var responseElem = xmlhttp.responseXML.documentElement;
			var response = DBTreeView.XMLChildrenResponse.getInstance(responseElem);
			callback(response);
			}catch(e){
				var text = xmlhttp.responseText;
				alert("Error:\n bad server response: "+e+"\nData:"+text);
	         }
		}
	}
	if(script!=null){
		xmlhttp.open("POST", script, true);
	}else{
		xmlhttp.open("POST", location.href, true);
	}
	//alert("Server send: "+DBTreeView.xmlContent(doc));
	xmlhttp.send(doc);
}

//---------
//DOM TOOLS
//---------

/** Returns the next sibling element of a given node.*/
DBTreeView.nextSiblingElement = function(node){

	var next = node.nextSibling;
	while(next!=null && next.nodeType!=1){
	   next = next.nextSibling;
	}
	return next;
}


/** Returns a new DOM document (works in IE and Firefox).*/
DBTreeView.newDoc = function(){
	if (document.implementation && document.implementation.createDocument)
	{
		return document.implementation.createDocument("", "", null);
	}
	else if (window.ActiveXObject)
	{
		return new ActiveXObject("Microsoft.XMLDOM");
	}
 	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
}
	
	
/** Returns the XML HTTP Request object (works in IE and Firefox).*/
DBTreeView.getHTTPObject = function() {
  var xmlhttp;

    if(window.XMLHttpRequest) { //pour ffox et mozilla
	    	try {
				xmlhttp = new XMLHttpRequest();
	        } catch(e) {
				xmlhttp = false;
	        }
	   
    } else if(window.ActiveXObject) { //pour ie
       	try {
        	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		xmlhttp = false;
        	}
		}
    }
	return xmlhttp;
}
	
				
/** Serializes an XML DOM object into a string.*/
DBTreeView.xmlContent = function(xmlObj) {
	if(xmlObj.xml){
		return 	xmlObj.xml;
	}
	else {
		var serializer = new XMLSerializer();
		return serializer.serializeToString(xmlObj);
	}
}