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")
	{
		var cookie = ddtreemenu.getCookie(treeid);
		persisteduls[treeid] = (enablepersist == true && cookie != null) ? cookie.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)
	{
		/*alert('parent');
		new Event(e).stop();*/
		var submenu = this.getElementsByTagName("ul")[0];
		if (submenu.getAttribute("rel") == "closed")
		{
			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);
	/*	var subA = this.getElementsByTagName("a")[0];
		var href = subA.getAttribute("href");
		alert(href);
		window.location.href = href;*/
	}
	
	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 + ")";
	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 + ")";
	}
}

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
{
	//Cookie.write('username', 'JackBauer', {duration: 1});
/*
	Cookie.dispose(Name);
	console.log('dispose');

	var myCookie = Cookie.read('blaat');
	console.log('getcookie1' + myCookie);
	*/
	
	var myCookie = Cookie.read(Name);
	if(myCookie != '')
	{
		//alert(Name + '-'+ myCookie);
		return myCookie;
	}
	/*
	var re = new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	
	if (document.cookie.match(re)) //if cookie found
	{
		console.log('getcookie' + document.cookie);
		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));
	
	//console.log('setcookie'+name + "=" + value + "; expires=" + expstring.toGMTString() + "; path=/");
	Cookie.write(name, value, {duration: 1});
	//alert('ok ' + name + '-'+ value);
/*	document.cookie = name + "=" + value + "; expires=" + expstring.toGMTString() + "; path=/";
	document.cookie = name + "=" + value + "; expires=" + expireDate.toGMTString() + "; path=/";*/
/*	if ( days )
	{
		days = days * 1000 * 60 * 60 * 24;
	}
	var expires_date = new Date( today.getTime() + (days) );

	document.cookie = name + "=" +escape( value ) +  ";expires=" + expires_date.toGMTString() + "; path=/";
	( ( path ) ? ";path=" + path : "" ) +
	( ( domain ) ? ";domain=" + domain : "" ) +
	( ( secure ) ? ";secure" : "" );
	}*/

}

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);
	}
}