var ddtreemenu=new Object();

ddtreemenu.closefolder="images/common/treeclosed.gif"; // Image path to "closed" folder image.
ddtreemenu.openfolder="images/common/treeopen.gif"; // Image path to "open" folder image.

ddtreemenu.createTree=function(treeid){
	var ultags=document.getElementById(treeid).getElementsByTagName("ul");
	for (var i=0; i<ultags.length; i++)
		ddtreemenu.buildSubTree(treeid, ultags[i], i);
	var litags=document.getElementById(treeid).getElementsByTagName("li");
}

ddtreemenu.setupliTags=function(treeid, lielement, index) {
	lielement.onclick=function(e){
		alert("Got something...");
	}
}

ddtreemenu.buildSubTree=function(treeid, ulelement, index){
	
	// For some unk reason, I must use this variable or IE6 breaks.
	ulelementcount = ulelement.parentNode.getElementsByTagName('ul').length;
	
	if (ulelementcount > 1) { // Project category level.
		ulelement.parentNode.className="submenu";
	}
	else if (ulelementcount = 1) { // Project name level.
		ulelement.parentNode.className="subsubmenu";
	}
	
	ulelement.setAttribute("rel", "closed");

	if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) {
		ulelement.setAttribute("rel", "closed");
	}
	if (ulelement.getAttribute("rel")=="open") {//if this UL has an explicit rel value of "open"
		ddtreemenu.expandSubTree(treeid, ulelement); //expand this UL plus all parent ULs (so the most inner UL is revealed!)
		}
		
		ulelement.parentNode.onclick=function(e){
			var submenu=this.getElementsByTagName("ul")[0]
			if (submenu.getAttribute("rel")=="closed"){
				ddtreemenu.flatten(treeid, 'close');
				ddtreemenu.dehighlight(treeid);
				ddtreemenu.expandSubTree(treeid, submenu)
			}
			else if (submenu.getAttribute("rel")=="open"){
			// I don't want open nodes to be closeable, unless the user selects another a different closed node, or a singleton.
			//submenu.style.display="none";
			//submenu.setAttribute("rel", "closed");
			//ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")";
			}
		ddtreemenu.preventpropagate(e)
		}
		ulelement.onclick=function(e){
		ddtreemenu.preventpropagate(e)
	}
}

ddtreemenu.expandSubTree=function(treeid, ulelement){ // Expand a UL element and any of its parent ULs.

	var rootnode=document.getElementById(treeid);
	var currentnode=ulelement;
	
	currentnode.style.display="block";
	currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")";
	
	// If a top node with children is clicked on, open the first subnode, too.
	if (currentnode.getElementsByTagName('ul').length > 1) {
		currentnode.getElementsByTagName('ul')[0].style.display="block";
		currentnode.getElementsByTagName('ul')[0].parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")";
		
		// Highlight the a tag within the first li within the ul.
		currentnode.getElementsByTagName('a')[0].style.color = "#FFFF33";
		document.location = "projects/" + currentnode.getElementsByTagName('a')[0].id + ".html";
	}
	
	// If we are at the specific project level, highlight the first li.
	else if (currentnode.getElementsByTagName('li').length > 1) {
		currentnode.getElementsByTagName('a')[0].style.color = "#FFFF33";
		document.location = "projects/" + currentnode.getElementsByTagName('a')[0].id + ".html";
	}
	
	while (currentnode!=rootnode){
		if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too
			currentnode.style.display="block"
			currentnode.setAttribute("rel", "open") //Indicate it's open
			currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
		}
		currentnode=currentnode.parentNode
	}
}

ddtreemenu.directAddressA=function(treeid, aelementid){ //Reveal and highlight an LI element and any of its parent ULs.
	
	if(document.getElementById(aelementid).tagName == "A") { //Make certain that we are looking at an id-ed A element.
		var rootnode=document.getElementById(treeid);
		var currentnode = document.getElementById(aelementid);
		//alert("currentnode = " + currentnode);
		ddtreemenu.flatten(treeid, 'close');
		ddtreemenu.dehighlight(treeid);
		currentnode.style.color = "#FFFF33";
		
		while ((currentnode)&&(currentnode!=rootnode)){
			if (currentnode.tagName=="UL"){ //If currentnode is a UL, expand it.
				currentnode.style.display="block";
				currentnode.setAttribute("rel", "open"); //indicate it's open
				currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")";
			}
			currentnode=currentnode.parentNode
		}
	}
}

ddtreemenu.dehighlight=function(treeid){ // Clear all highlighting from menu.
	var atags=document.getElementById(treeid).getElementsByTagName("a");
	for (var i=0; i<atags.length; i++) {
		atags[i].style.color = "#FFFFFF";
	}
}

function fStaticDehighlight(divId){ // Clear all highlighting from static menu.
	//alert("divId = " + divId);
	var atags=document.getElementById(divId).getElementsByTagName("a");
	for (var i=0; i<atags.length; i++) {
		atags[i].style.color = "#FFFFFF";
	}
}

ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elements
	var ultags=document.getElementById(treeid).getElementsByTagName("ul");	
	for (var i=0; i<ultags.length; i++){
		ultags[i].style.display=(action=="expand")? "block" : "none"
		var relvalue=(action=="expand")? "open" : "closed"
		ultags[i].setAttribute("rel", relvalue)
		ultags[i].parentNode.style.backgroundImage=(action=="expand")? "url("+ddtreemenu.openfolder+")" : "url("+ddtreemenu.closefolder+")"
	}
}

ddtreemenu.respondclick=function(aclicked) {
	ddtreemenu.dehighlight("treemenu1");
	aclicked.style.color = "#FFFF33";
	document.location = aclicked.id + ".html";
}

ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwards
	if (typeof e!="undefined")
		e.stopPropagation();
	else
		event.cancelBubble=true;
}

function fClickStaticMenu(aclicked) {
	//alert("aclicked.id = " + aclicked.id);
	//alert("aclicked.parentNode.id = " + aclicked.parentNode.id);
	fStaticDehighlight(aclicked.parentNode.id);
	ddtreemenu.flatten('treemenu1', 'close');
	ddtreemenu.dehighlight('treemenu1');	
	aclicked.style.color = "#FFFF33";
	document.location = aclicked.id + ".html";
}

function fClickBottomStaticMenu(aclicked) {	
	document.getElementById(aclicked).style.color = "#FFFF33";
	document.location = aclicked + ".html";
}