var persisteduls = new Object();
var ddtreemenu = new Object();

ddtreemenu.closefolder = "images/closed.gif"	//set image path to "closed" folder image
ddtreemenu.openfolder = "images/open.gif"		//set image path to "open" folder image

//////////No need to edit beyond here///////////////////////////

ddtreemenu.createTree = function(treeid, enablepersist, persistdays) {
	var ultags = document.getElementById(treeid).getElementsByTagName("ul");
	
	if (typeof persisteduls[treeid] == "undefined")
		persisteduls[treeid] = (enablepersist == true && ddtreemenu.getCookie(treeid) != "") ? ddtreemenu.getCookie(treeid).split(",") : "";
	
	for (var i = 0; i < ultags.length; i++)
		ddtreemenu.buildSubTree(treeid, ultags[i], i);
	
	if (enablepersist == true) {	//if enable persist feature
		var durationdays = (typeof persistdays == "undefined") ? 1 : parseInt(persistdays);
		ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload")	//save opened UL indexes on body unload
	}
}

ddtreemenu.buildSubTree = function(treeid, ulelement, index) {
	ulelement.parentNode.className = "submenu";
	
	if (typeof persisteduls[treeid] == "object") {	//if cookie exists (persisteduls[treeid] is an array versus "" string)
		if (ddtreemenu.searcharray(persisteduls[treeid], index)) {
			ulelement.setAttribute("rel", "open");
			ulelement.style.display = "block";
			ulelement.parentNode.style.backgroundImage = "url(" + ddtreemenu.openfolder + ")";
		}
		else
			ulelement.setAttribute("rel", "closed");
	}	//end cookie persist code
	else if (ulelement.getAttribute("rel") == null || ulelement.getAttribute("rel") == false)	//if no cookie and UL has NO rel attribute explicted added by user
		ulelement.setAttribute("rel", "closed");
	else if (ulelement.getAttribute("rel") == "open")	//else if no cookie and 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, "contact")	// RvdP - added so that only one submenu can be expanded at a time
			submenu.style.display = "block";
			submenu.setAttribute("rel", "open");
			ulelement.parentNode.style.backgroundImage = "url(" + ddtreemenu.openfolder + ")";
		}
		else if (submenu.getAttribute("rel") == "open") {
			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);
	}
}

/* RvdP - expandSubTree is only used to initially build the menu! */
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 + ")";
	
	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.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 + ")";
	}
}

/* RvdP - rememberState is only used if persistence is enabled! */
ddtreemenu.rememberstate = function(treeid, durationdays) {	//store index of opened ULs relative to other ULs in Tree into cookie
	var ultags = document.getElementById(treeid).getElementsByTagName("ul");
	var openuls = new Array();
	
	for (var i = 0; i < ultags.length; i++) {
		if (ultags[i].getAttribute("rel") == "open")
			openuls[openuls.length] = i;	//save the index of the opened UL (relative to the entire list of ULs) as an array element
	}
	
	if (openuls.length == 0)	//if there are no opened ULs to save/persist
		openuls[0] = "none open";	//set array value to string to simply indicate all ULs should persist with state being closed
	
	ddtreemenu.setCookie(treeid, openuls.join(","), durationdays);	//populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs)
}

////A few utility functions below//////////////////////

ddtreemenu.getCookie = function(Name) {	//get cookie value
	var re = new RegExp(Name + "=[^;]+", "i");	//construct RE to search for target name/value pair
	if (document.cookie.match(re))	//if cookie found
		return document.cookie.match(re)[0].split("=")[1];	//return its value
	return "";
}

ddtreemenu.setCookie = function(name, value, days) {	//set cookei value
	var expireDate = new Date();
	//set "expstring" to either future or past date, to set or delete cookie, respectively
	var expstring = expireDate.setDate(expireDate.getDate() + parseInt(days));
	document.cookie = name + "=" + value + "; expires=" + expireDate.toGMTString() + "; path=/";
}

ddtreemenu.searcharray = function(thearray, value) {	//searches an array for the entered value. If found, delete value from array
	var isfound = false;
	for (var i = 0; i < thearray.length; i++) {
		if (thearray[i] == value) {
			isfound = true;
			thearray.shift();	//delete this element from array for efficiency sake
			break;
		}
	}
	return isfound;
}

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

ddtreemenu.dotask = function(target, functionref, tasktype) {	//assign a function to execute to an event handler (ie: onunload)
	var tasktype = (window.addEventListener) ? tasktype : "on" + tasktype;
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false);
	else if (target.attachEvent)
		target.attachEvent(tasktype, functionref);
}