var treeObj = null;
var treeObjCurrent = null;
var firstLevel = new Array();
var count = 1;

function addNodeToTreeObj(id, label, url, parent){
	treeObj[id] = [id, label, url, parent, null, count];
	count++;
}

function showSecondLevel(objId){
	var obj = document.getElementById(objId + "_div");
	if(!obj) return;
	if(!obj._isShow) obj._isShow = true;
	obj.style.visibility = "visible";
}

function hideSecondLevel(objId){
	var obj = document.getElementById(objId + "_div");
	if(!obj) return;
	obj._isShow = false;
	obj.style.visibility = "hidden";
}

function renderFirstLevelLinks(){
	var str = "";
	for(var i = 0; i < firstLevel.length; i++){
		if(firstLevel[i][0] != treeObjCurrent){
			if(firstLevel[i][2]) str += "<a href=\"" + firstLevel[i][2] +"\">" + firstLevel[i][1] + "</a>";
			else str += "<span class=\"bottom_menu\">" + firstLevel[i][1] + "</span>";
		}
		else str += "<span class=\"bottom_menu_cur\">" + firstLevel[i][1] + "</span>";
		if(i < firstLevel.length-1) str += "&nbsp;&nbsp;|&nbsp;&nbsp;";
	}
	document.write(str);
}

function getTopMenu(treeObj){
	firstLevel = new Array();
	if(!treeObj){
		document.write("&nbsp;");
	}else{
		remapNode(treeObj);
	}
	
	function sortToAdd(a, b){
		return a[5] - b[5];
	}
	
	function remapNode(treeObj){
		for(i in treeObj){
			if(treeObj[i][3] && treeObj[treeObj[i][3]]){
				if(!treeObj[treeObj[i][3]][4]) treeObj[treeObj[i][3]][4] = new Array();
				treeObj[treeObj[i][3]][4][treeObj[treeObj[i][3]][4].length] = treeObj[i];
			}else{
				firstLevel[firstLevel.length] = treeObj[i];
			}
		}
		firstLevel.sort(sortToAdd);
		renderFirstLevel(firstLevel);
	}
	
	function renderFirstLevel(level){
		var str = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr>";
		for(var i = 0; i < level.length; i++){
			str += "<td valign=\"bottom\" height=\"27\" style=\"padding-bottom: 1px;\"";
			if(level[i][0] != treeObjCurrent) str += " class=\"top_menu_first\" onmouseover=\"this.className='top_menu_first_over'; showSecondLevel('" + level[i][0] + "');\" onmouseout=\"this.className='top_menu_first';  hideSecondLevel('" + level[i][0] + "');\"";
			else str += " class=\"top_menu_first_over\" onmouseover=\"showSecondLevel('" + level[i][0] + "');\" onmouseout=\"hideSecondLevel('" + level[i][0] + "');\"";
			str += ">";
			str += "<div style=\"position: relative; z-index:1000; top:1px;\"><table cellpadding=\"0\" cellspacing=\"1\" border=\"0\" class=\"top_menu_first_table\"><tr><td class=\"top_menu_first_td\" valign=\"top\"";
			if(level[i][2]) str += " onclick=\"document.location.href='" + level[i][2] + "'\"";
			str += ">" + level[i][1] + "</td></tr>";
			str += "</table></div>";
			if(level[i][4] && (level[i][4].length > 0)) str += renderSecondLevel(level[i][4], level[i][0]);
			str += "</td>";
		}
		str += "</tr></table>";
		document.write(str);
	}
	
	function renderSecondLevel(level, parId){
		var str = "<div class=\"second_level_div\" style=\"width: 170px;\" id=\"" + parId + "_div\"><table width=\"170\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"top_menu_second\">";
		str += "<tr><td class=\"top_menu_second_top_left\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td><td width=\"100%\" class=\"top_menu_second_top\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td><td><img src=\"images/drop_right_top.gif\" width=\"4\" height=\"4\" border=\"0\"></td></tr>";
		level.sort(sortToAdd);
		for(var i = 0; i < level.length; i++){
			str += "<tr><td class=\"top_menu_second_td_left\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td><td class=\"top_menu_second_td\" onmouseover=\"this.className='top_menu_second_td_over'\" onmouseout=\"this.className='top_menu_second_td'\" onclick=\"document.location.href='" + level[i][2] + "'\"><nobr>" + level[i][1] + "</nobr></td><td class=\"top_menu_second_td_right\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td></tr>";
			if(i < level.length-1) str += "<tr><td colspan=\"3\" class=\"top_menu_second_separate\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td></tr>";
		}
		str += "</tr>";
		str += "<tr><td><img src=\"images/drop_left_bottom.gif\" width=\"5\" height=\"5\" border=\"0\"></td><td width=\"100%\" class=\"top_menu_second_bottom\"><img src=\"images/0.gif\" width=\"1\" height=\"1\" border=\"0\"></td><td><img src=\"images/drop_right_bottom.gif\" width=\"5\" height=\"5\" border=\"0\"></td></tr>";
		str += "</table></div>";
		return str;
	}
}