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

ddtreemenu.closefolder="http://img.noxshop.se/common/img/plus.png" //set image path to "closed" folder image
ddtreemenu.openfolder="http://img.noxshop.se/common/img/minus.png" //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.SetSelectedCategory=function(treeid, index, old_index) {
	index = index.toString().replace('ul', '') ;
	old_index = old_index.toString().replace('ul', '');
	var litag = document.getElementById(index);
	if (old_index != index) {
		var litag_old = document.getElementById(old_index);
	} else {
		var litag_old = null;
	}
	if ($(litag) != null) {
		$(litag).setStyle({'font-weight':'bold'});
	}
	if (litag_old != null) {
		$(litag_old).setStyle({'font-weight':'normal'});
	}
}

ddtreemenu.OpenFolder=function(treeid, index) {
	var the_tag = document.getElementById('ul' + index);
	if (the_tag != null) {
		ddtreemenu.TreeExpand(the_tag);	
	}
}

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")
			ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")"
		}
	} else if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) {
		ulelement.setAttribute("rel", "closed")
		ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")"
	} else if (ulelement.getAttribute("rel")=="open") {
		ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!)
		ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
	}
	
	ulelement.parentNode.onclick=function(e){
		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+")"
			ClickTree(submenu.id);
		}	else if (submenu.getAttribute("rel")=="open") {
			submenu.style.display="none"
			submenu.setAttribute("rel", "closed")
			ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")"
			ClickTree(submenu.id);
		}
		ddtreemenu.preventpropagate(e)
	}
	ulelement.onclick=function(e){
		ddtreemenu.preventpropagate(e)
	}
}

	//expand
	ddtreemenu.TreeExpand=function(ul){
		var submenu = ul;
		if (submenu.getAttribute("rel")=="closed"){
			submenu.style.display="block"
			submenu.setAttribute("rel", "open")
			submenu.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
		}	
		var parent_ul = ul.parentNode.parentNode ;
		if (parent_ul != null && parent_ul.tagName == "UL") {
			ddtreemenu.TreeExpand(parent_ul);
		}
	}


//expand a UL element and any of its parent ULs
ddtreemenu.expandSubTree=function(treeid, ulelement){ 
	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
	}
}

//expand or contract all UL elements
ddtreemenu.flatten=function(treeid, action){ 
	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+")"
	}
}

//Expanderar trädet från en viss kategori och ända ner till roten.
ddtreemenu.ExpandTreeFromCategory=function(treeid, category_id){
	var litags=document.getElementById(treeid).getElementsByTagName("li")
	var thelitag = null;

	if (litags != null) {
		for (var i=0; i<litags.length; i++){
			if (litags[i].id == category_id) {
				thelitag = litags[i];
			}
		}
	}
	
	if (thelitag != null) {
		while (thelitag.parentNode != null) {
			var category_id = thelitag.parentNode.id;
			if (category_id.length > 1 && category_id.substring(0,2) == 'ul') {
				category_id = category_id.substring(2);
				thelitag = thelitag.parentNode;
				this.expandSubTree('treemenu', thelitag);
			} else {
				thelitag = thelitag.parentNode;	
			}
		
			if (thelitag.id == 'treemenu') {
				break;
			} else {
				continue;
			}	
		}	
	}
}

//store index of opened ULs relative to other ULs in Tree into cookie
ddtreemenu.rememberstate=function(treeid, durationdays){ 
	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)) {
		return document.cookie.match(re)[0].split("=")[1] //return its value
	}
	return ""
}

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

//searches an array for the entered value. If found, delete value from array
ddtreemenu.searcharray=function(thearray, value){ 
	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
}

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

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