﻿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

//建立主架構
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.parentNode.childNodes.item(0).style.background=ddtreemenu.selectcolor();
			ulelement.setAttribute("rel", "open")
			ddtreemenu.SelectNode(ulelement.childNodes);
			ulelement.style.display="block"

		}
		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)
	{	//開啟、關閉事件處理(OnClick)
		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+")"
			ddtreemenu.CloseNode(submenu.getAttribute("id"));
		} 
		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)
	}		

	//開啟、關閉事件處理(OnKeypress)
	ulelement.parentNode.onkeydown=function(e)
	{
		var submenu=this.getElementsByTagName("ul")[0]
		if (submenu.getAttribute("rel")=="closed" && event.keyCode ==9)
		{
			submenu.style.display="block"
			submenu.setAttribute("rel", "open")
			//ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
			ddtreemenu.CloseNode(submenu.getAttribute("id"));
		}
		ddtreemenu.preventpropagate(e)
	}

	ulelement.onkeypress=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)
}


//讀取Cookie Value
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 ""
}


//寫入Cookie Value
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=/";
}


//尋找Cookie中記錄的Value
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)
}


ddtreemenu.selectcolor=function()
{
	var color=[["volunteer","exhibits","beinan","book","educiation","role","service","special","study"],["#FD3996","#2B656F","#FF9900","#74250E","#00952F","#FF6600","#FF6600","#FF6600","#571E43"]];
	var url=new String(window.location);
	for (i=0;i<color[0].length;i++)
	{
		if(url.indexOf(color[0][i])>-1)
			return color[1][i];
		//break;
	}
}


ddtreemenu.CloseNode=function(index)
{	//自動關閉其它節點
	var ultags=document.getElementById("treemenu2").getElementsByTagName("ul")
	for (var i=0; i<ultags.length; i++)
	{
		if(index!=ultags[i].id)
		{
			ultags[i].style.display="none"
			ultags[i].setAttribute("rel", "closed")
		}
	}
}


ddtreemenu.SelectNode=function( litags)
{	//選擇被點選的節點
	try
	{	
		for (var i=0; i<litags.item.length; i++)
		{
			if(window.location==litags.item(i).childNodes.item(0).href)
			{
				litags.item(i).childNodes.item(0).innerHTML=litags.item(i).childNodes.item(0).innerHTML;
				litags.item(i).childNodes.item(0).style.color = "blue"
			}
		}
	}
	catch(e)
	{
			//alert(e.message);
	}

}
