// 전역(html-changeState())에서 접근하기 위한 트리객체의 배열
MT_arr = new Array();

//루트폴더 클래스
function OctagonTree(tree_id)
{ 

	var argv = OctagonTree.arguments;
	var argc = OctagonTree.arguments.length;
	
	this.tree_id = (argc > 0) ? argv[0] :null;

	this.open_save = true;
	this.focus_save = false;
	this.focus_set = true;
	this.tree_img_dir = "treeimg";

	this.node_array = new Array(); //폴더 배열
	this.depth_fill = new Array();
	this.cookie_flag = false;

	this.tree_seq = MT_arr.length;
	MT_arr[MT_arr.length] = this; 
	this.node_seq = 0;
	this.node_array[0] = this;

	// focus를 가진 노드 설정
	this.curr_focus_node = null; // 현재 이 트리에서 focus를 가진 폴더

	// focus관련 메소드
	// 이 트리의 설정된 포커스를 해제한다.
	this.releaseFocusAll = MT_releaseFocusAll;

	// focus관련 속성
	this.onfocus_color = "white"; // focus됬을 때 글자색
	this.onfocus_bgcolor = "#29498C"; // focus됬을 때 글자배경색

	this.save_focus_color = null; // 현재 focus를 얻기전의 원 글자색 저장
	this.save_focus_bgcolor = null; // 현재 focus를 얻기전의 원 글자배경색 저장

	// 쿠키에 설정된 열린폴더
	this.cookie_open_node = new Array();	

	this.root = this;
	this.depth = 0;

	this.is_open = true; 
	this.is_root = true;

	this.folder_icon = null;
	this.item_icon = null;

	this.children = new Array ;

	this.initialize = MT_initialize ;
	this.readCookieOpenNode = MT_readCookieOpenNode;
	this.setCookieOpenNode = MT_setCookieOpenNode;
	this.isCookieOpenNode = MT_isCookieOpenNode;
	this.setCookieFocus = MT_setCookieFocus; // 현재 focus 폴더 및 아이템 쿠키에 저장
	this.setFocusByCookie = MT_setFocusByCookie; // 저장된 focus 폴더 및 아이템 쿠키에 tree에 적용
	this.getNodeSeqByNodeId = MT_getNodeSeqByNodeId; // 노드 아이디로 노드 seq를 가져온다.

	this.addChild = addChild ;

} 
// 폴더 클래스
function MT_Node(node_id, title, href, target, icon, is_open) 
{ 
// 속성

	this.root = null; 
	
	var argv = MT_Node.arguments;
	var argc = MT_Node.arguments.length;

	this.node_id = (argc > 0) ? argv[0] : null;
	this.title = (argc > 1) ? argv[1] : "";
	this.href = (argc > 2) ? argv[2] : null;
	this.target = (argc > 3) ? argv[3] : null;
	this.icon = (argc > 4) ? argv[4] : null;
	this.is_open = (argc > 5) ? argv[5] : null;

	// focus관련 속성
	this.save_focus_color = null; // 현재 focus를 얻기전의 원 글자색 저장
	this.save_focus_bgcolor = null; // 현재 focus를 얻기전의 원 글자배경색 저장

	// focus관련 메소드
	this.setFocus = MT_setFocus;
	this.releaseFocus = MT_releaseFocus;

	this.node_seq = null;
	this.parent = null;
	this.depth = null;
	this.is_lase_node = true ;
	this.is_root = false ;

	this.doc_layer_obj = null; // 문서내에서 이 객체를 표현한 문서내 객체
	this.doc_node_img_obj = null; // 문서내에서 이 객체의 노드 이미지 객체

// 자식노드
	this.children = new Array ;

// 메소드
	this.initialize = MT_initializeNode ;
	this.open = MT_openNode;
	this.close = MT_closeNode;

	this.addChild = addChild ;

} 


function addChild(child)
{
	if(this.children.length > 0)
	{
		this.children[this.children.length-1].is_lase_node = false;
	}
	this.children[this.children.length] = child;
	child.parent = this;
	return child;
}


function MT_initialize()
{

	if(this.open_save) this.cookie_flag = this.readCookieOpenNode() // 쿠키에 설정된 열린 폴더를 읽어와 배열에 저장

	for(var i=0;i<this.children.length;i++)
	{
		this.children[i].initialize();
	}
	// 포커스 노드 설정
	if(this.root.focus_save) this.setFocusByCookie();
}

function MT_initializeNode()
{
	// 속성처리
	this.root = this.parent.root;
	if(this.node_seq == null || this.node_seq == '')
	{
		this.node_seq = this.root.node_array.length;
	}

	this.root.node_array[this.root.node_array.length] = this; 

	this.depth = this.parent.depth + 1;

	if(this.root.cookie_flag)
	{
//		if( this.root.isCookieOpenNode(this.node_id) && this.children.length > 0)
//		{
			this.is_open = true;
//		}
//		else
//		{
//			this.is_open = false;
//		}
	}
	else
	{
		if( ! this.children.length > 0)
		{
			this.is_open = false;
		}
	}

	document.write("<table border=0 cellspacing=0 cellpadding=0 height=15 style='font-size:12pt;  margin:0; padding:0;'><tr valign=middle height=15><td noWrap>");

//alert(this.depth);
	for(var d=1;d<this.depth;d++)
	{
		if(this.root.depth_fill[d] == 0 )
			document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/blank.gif' border=0>");
		else
			document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/vertline.gif' border=0>");
	}

	if(this.is_lase_node)
	{
		if(this.children.length > 0)
		{
			if(!this.is_open)
			{
				document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/plastnode.gif' border=0 name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" onclick='MT_changeStatus(\""+this.root.tree_seq+"\",\""+this.node_seq+"\")'>");
			}
			else
			{
				document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/mlastnode.gif' border=0 name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" onclick='MT_changeStatus(\""+this.root.tree_seq+"\",\""+this.node_seq+"\")'>");
			}
		}
		else
		{
			document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/lastnode.gif' name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" border=0>");
		}

		this.root.depth_fill[this.depth] = 0;
	}
	else
	{
		if(this.children.length > 0)
		{
			if(!this.is_open)
			{
				document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/pnode.gif' border=0 name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" onclick='MT_changeStatus(\""+this.root.tree_seq+"\",\""+this.node_seq+"\")'>");
			}
			else
			{
				document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/mnode.gif' border=0 name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" onclick='MT_changeStatus(\""+this.root.tree_seq+"\",\""+this.node_seq+"\")'>");
			}
		}
		else
		{
			document.write("<img align=absmiddle src='"+this.root.tree_img_dir+"/node.gif' name=node_img_"+this.root.tree_seq+"_"+this.node_seq+" border=0>");
		}
		this.root.depth_fill[this.depth] = 1;
	}

	if(this.icon != null && this.icon != "")
	{
		document.write("<img align=absmiddle src='"+this.icon+"'border=0>");
	}
	else if(this.icon == null && this.root.folder_icon )
	{
		if(this.children.length > 0)
			document.write("<img align=absmiddle src='"+this.root.folder_icon+"'border=0>");
		else
			document.write("<img align=absmiddle src='"+this.root.item_icon+"'border=0>");
	}

	if(this.href != "" && this.href != null)
	{
		document.write("<a href='"+this.href+"'");
		if (this.target !="" && this.target != null)
		{

			document.write("target='"+this.target+"'");
		}
		if(this.root.focus_set)
			document.write(" onclick='javascript:MT_setFocusNode(\""+this.node_seq+"\",\""+this.root.tree_seq+"\")'");
		document.write(">");
		document.write("<span id=MT_node_title_"+this.root.tree_seq+"_"+this.node_seq+" class='MT_node_class' onfocus='this.blur()'>");
		document.write(this.title);
		document.write("</span>");
		document.write("</a>");
	}
	else
	{
		document.write("<span id=MT_node_title_"+this.root.tree_seq+"_"+this.node_seq+" class='MT_node_class' onfocus='this.blur()' style='cursor:default;' >");
		document.write(this.title);
		document.write("</span>");
	}
	document.write("</td></tr></table>");


// 하위 레벨 레이어 생성
	document.write("<div id=MT_node_"+this.root.tree_seq+"_"+this.node_seq);
	if(!this.is_open)
	{
		document.write(" style='display:none' ");
	}
	document.write(">");
	for(var i=0;i<this.children.length;i++)
	{
		this.children[i].initialize();
	}
	document.write("</div>");

// 현재 객체의 문서내 객체 설정
	this.doc_layer_obj =document.all["MT_node_"+this.root.tree_seq+"_"+this.node_seq];
	this.doc_node_img_obj = document.all["node_img_"+this.root.tree_seq+"_"+this.node_seq]
}


function MT_openNode()
{
	if(this.children.length > 0) // 자식이 잇으면..
	{
		if(this.is_lase_node)
		{
			this.doc_node_img_obj.src = this.root.tree_img_dir+"/mlastnode.gif";
		}
		else
		{
			this.doc_node_img_obj.src = this.root.tree_img_dir+"/mnode.gif";
		}

		this.doc_layer_obj.style.display = '';
		this.is_open = true;
	}
}

function MT_closeNode()
{
	if(this.children.length > 0) // 자식이 잇으면..
	{
		if(this.is_lase_node)
		{
			this.doc_node_img_obj.src = this.root.tree_img_dir+"/plastnode.gif";
		}
		else
		{
			this.doc_node_img_obj.src = this.root.tree_img_dir+"/pnode.gif";
		}

		this.doc_layer_obj.style.display = 'none';
		this.is_open = false;
	}
}

function MT_changeStatus(tree_seq, node_seq)
{
	var tree = MT_arr[tree_seq];
	var node = tree.node_array[node_seq];
	if(!node.is_open)
	{
		node.open();
	}
	else
	{
		node.close();
	}
	if(tree.open_save)	tree.setCookieOpenNode()	//쿠키에 열린폴더 설정
}

// 열린폴더 쿠키에 저장된 값을 읽어온다.
function MT_readCookieOpenNode()
{
	var node_seq = null;
	var s_idx = 0;
	var e_idx = 0;
	var cf_len = 0;
	var Cookie_name = "";
	var OpenNodes;

	if(!this.tree_id) return false; // 트리 아이디가 지정되지 않았으면 쿠키 처리하지 않음

	Cookie_name = "MTOF_"+ this.tree_id;
//alert(Cookie_name)
	OpenNodes = MT_GetCookie(Cookie_name);
//alert("read : "+OpenNodes)
	if(OpenNodes == null) 
	{
		//alert('쿠키가 설정되어있지 않음')
		return false; //쿠키값이 설정되어있지 않으면
	}

	cf_len = OpenNodes.length;
//alert(e_idx)
	var cnt = 0;
	if (cf_len < 1) return true;
	
	while (s_idx < cf_len) 
	{
		cnt++;
		e_idx = OpenNodes.indexOf(",", s_idx);
		if(e_idx == -1 && s_idx < cf_len)
		{
			e_idx = cf_len;
		}
		node_id = OpenNodes.substring(s_idx,e_idx);
		this.cookie_open_node[this.cookie_open_node.length] = node_id;
		s_idx = e_idx + 1
		if (s_idx == 0) break; 
	}
 return true
}

function MT_setCookieOpenNode()
{
	var cnt = 0;
	var strOpenNode = ""
	var Cookie_name = "";

	if(!this.tree_id) return false; // 트리 아이디가 지정되지 않았으면 쿠키 처리하지 않음

	for(var i=0;i<this.node_array.length;i++)
	{
		if(this.node_array[i].is_open && this.node_array[i].node_id) // 현제 노드가 열려있고 노드 아이디가 지정되어 잇으면..
		{
			if(cnt==0) strOpenNode = this.node_array[i].node_id;
			else strOpenNode = strOpenNode+","+this.node_array[i].node_id;
			cnt++;
		}
	}
	Cookie_name = "MTOF_" + this.tree_id;
	//alert(Cookie_name +":"+strOpenNode);
	MT_SetCookie(Cookie_name,strOpenNode,null,"/")

}

function MT_isCookieOpenNode(node_id)
{
	if(!this.tree_id) return false; // 트리 아이디가 지정되지 않았으면 쿠키 처리하지 않음
	for(var i=0;i<this.cookie_open_node.length;i++)
	{
		if(this.cookie_open_node[i] == node_id) return true;
	}
	return false;
}

function MT_getCookieVal (offset) 
{
	var endstr = document.cookie.indexOf (";", offset);
	if (endstr == -1)
		endstr = document.cookie.length;
	return unescape(document.cookie.substring(offset, endstr));
}
function MT_delCookie(name) 
{
	var today = new Date()

	today.setTime(today.getTime() - 1)
	var value = MT_GetCookie(name)
	if(value != "")
		document.cookie = name + "=" + value + "; expires=" + today.toGMTString();
}

function MT_GetCookie (name) 
{
	var i = 0;
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	while (i < clen) {
		var j = i + alen;
		if (document.cookie.substring(i, j) == arg)
			return MT_getCookieVal (j);
		i = document.cookie.indexOf(" ", i) + 1;
		if (i == 0) 
			break; 
	}
	return null;
}
function MT_SetCookie (name, value) 
{
	var argv = MT_SetCookie.arguments;
	var argc = MT_SetCookie.arguments.length;
	var expires = (2 < argc) ? argv[2] : null;
	var path = (3 < argc) ? argv[3] : null;
	var domain = (4 < argc) ? argv[4] : null;
	var secure = (5 < argc) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) +
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
		((path == null) ? "" : ("; path=" + path)) +
		((domain == null) ? "" : ("; domain=" + domain)) +
		((secure == true) ? "; secure" : "");
}

// 현재 focus 폴더 및 아이템 쿠키에 저장
function MT_setCookieFocus()
{
	if(!this.tree_id) return false; // 트리 아이디가 지정되지 않았으면 쿠키 처리하지 않음

	var Cookie_name_node = "MTFF_" + this.tree_id;
	// 포커스 폴더 쿠키 저장
	if(this.curr_focus_node && this.curr_focus_node != null && this.curr_focus_node.node_id)
	{
		MT_SetCookie(Cookie_name_node,this.curr_focus_node.node_id,null,"/");	
	}
	else
	{
		MT_delCookie(Cookie_name_node);
	}
}

function MT_setFocusByCookie()
{
	// 쿠키에 포커스 설정된 노드에 포커스를 설정한다.
	if(!this.tree_id) return false; // 트리 아이디가 지정되지 않았으면 쿠키 처리하지 않음

	var Cookie_name_node = "MTFF_" + this.tree_id;
	var focus_node_id = MT_GetCookie(Cookie_name_node)
	if(focus_node_id && focus_node_id != "null")
	{
		var focus_node_seq = this.getNodeSeqByNodeId(focus_node_id);
		var focus_node = this.node_array[focus_node_seq];
		focus_node.setFocus();
		this.curr_focus_node = focus_node;
	}
}

function MT_releaseFocusAll()
{
	if(this.curr_focus_node != null)
	{
		this.curr_focus_node.releaseFocus();
		this.curr_focus_node = null;
	}
}

// 폴더에 포커스를 주는 메소드
function MT_setFocus(color, bgcolor)
{
	// 트리의 현재 focus를 해제한다.
	this.root.releaseFocusAll();

	var node_title = document.all["MT_node_title_"+this.root.tree_seq+"_"+this.node_seq];
	
	// 아이템의 현재 글자색, 배경색을 저장한다.
	this.save_focus_color = node_title.style.color; 
	this.save_focus_bgcolor = node_title.style.backgroundColor; 

	// 폴더의 글자색, 배경색을 focus로 변경한다.
	if(color) node_title.style.color = color;
	else node_title.style.color = this.root.onfocus_color;
	if(bgcolor) node_title.style.backgroundColor = bgcolor;
	else node_title.style.backgroundColor = this.root.onfocus_bgcolor;
	
	// focus폴더의 상위 폴더들 open 한다.
	var parent_node = this.parent;
	while(parent_node)
	{
		if(!parent_node.is_open)
		{
			parent_node.open();
		}
		parent_node = parent_node.parent;
	}

	// 트리의 focus node를 현재 폴더로 설정한다.
	this.root.curr_focus_node = this;
	
	// 포커스 노드 쿠키에 저장
	if(this.root.focus_save) this.root.setCookieFocus();
}


// 폴더에 포커스를 해제하는 메소드
function MT_releaseFocus()
{
	// 폴더의 글자색, 배경색을 원래로 변경한다.
	var node_title = document.all["MT_node_title_"+this.root.tree_seq+"_"+this.node_seq];
	node_title.style.color = this.save_focus_color;
	node_title.style.backgroundColor = this.save_focus_bgcolor;
	// 트리에 설정된 focus node를 null로 설정한다.
	this.root.curr_focus_node = null;
}

// 트리에서 선택된 폴더에  포커스를 표시한다. 
function MT_setFocusNode(node_seq, tree_seq, color, bgcolor)
{

	if(tree_seq) // 트리 seq가 지정되어 있으면..
	{
		var tree = MT_arr[tree_seq];
	}
	else // 트리 seq가 설정되어 있지 않으면 기본으로 설정
	{
		var tree = MT_arr[0]
	}
	var node = tree.node_array[node_seq];
	
	node.setFocus(color, bgcolor);
}

// 트리에서 선택된 폴더에  포커스를 표시한다.
function MT_setFocusNodeById(node_id, tree_id, color, bgcolor)
{

	if(tree_id) // 트리 id가 지정되어 있으면..
	{
		tree_seq = MT_getTreeSeqByTreeId(tree_id);
		if(tree_seq)
		{
			var tree = MT_arr[tree_seq];
		}
		else
		{
			var tree = MT_arr[0];
		}
	}
	else // 트리 seq가 설정되어 있지 않으면 기본으로 설정
	{
		var tree = MT_arr[0];
	}
	var node_seq = tree.getNodeSeqByNodeId(node_id);
	
	if(node_seq)
	{
		var node = tree.node_array[node_seq];	
		node.setFocus(color, bgcolor);
	}
}

function MT_getNodeSeqByNodeId(node_id)
{
	for(i=0;i<this.node_array.length;i++)
	{
		if(this.node_array[i].node_id == node_id)
		{
			return i;
		}
	}
}

function MT_getTreeSeqByTreeId(tree_id)
{
	for(i=0;i<this.MT_arr.length;i++)
	{
		if(this.MT_arr[i].tree_id == tree_id)
		{
			return i;
		}
	}
}