// exemple :
//	tree = [
//		["A", "a.html"],
//		["B-C", "", [
//			["B", "b.html"],
//			["C", "c.html"]
//		]]
//	];

function tree_fill(cNode) {
	var aPath = cNode.split("_");
	var oNode = tree;
	for(var i=1; i<aPath.length; i++)
		oNode = oNode[parseInt(aPath[i])][2];

	var cChildren = '<table id="'+cNode+'">';
	for(var i=0; i<oNode.length; i++) {
		var cSubNode = cNode + "_" + i;
		if(oNode[i].length > 2) {
			var cHref = "javascript:tree_fill('"+cSubNode+"'); tree_setclear('"+cSubNode+"')";
			cChildren += '<tr><td width="18px" align="center" valign="top">';
			cChildren += '<a id="'+cSubNode+'_a1" href="'+cHref+'"><img id="'+cSubNode+'_oc" src="images/theme/tree_open.gif" border="0"/></a> ';
			cChildren += '</td><td>';
			if(oNode[i][1] != "")
				cChildren += '<a id="'+cSubNode+'_a2" href="'+oNode[i][1]+'">'+oNode[i][0]+'</a>';
			else
				cChildren += oNode[i][0];
			cChildren += '<span id="'+cSubNode+'"></span>';		// sera remplacé par une liste de sous catégories quand on ouvrira le noeud
			cChildren += '</td></tr>';
		}
		else
			cChildren += '<tr><td width="18px"></td><td><a href="'+oNode[i][1]+'">'+oNode[i][0]+'</a></td></tr>'
	}
	cChildren += '</table>';

	document.getElementById(cNode).outerHTML = cChildren;
}

function tree_setclear(cNode) {
	document.getElementById(cNode+"_a1").href = "javascript:tree_clear('"+cNode+"')";
	document.getElementById(cNode+"_oc").src = "images/theme/tree_close.gif";
}

function tree_clear(cNode) {
	document.getElementById(cNode).outerHTML = '<span id="'+cNode+'"></span>';
	document.getElementById(cNode+"_a1").href = "javascript:tree_fill('"+cNode+"'); tree_setclear('"+cNode+"')";
	document.getElementById(cNode+"_oc").src = "images/theme/tree_open.gif";
}

