var __tree = [
				["file", "edit", "copy", "copy partial", "copy all", "cut", "paste", "find", "find text", "replace text", "view", "toolbars", "insert"],
				["javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;", "javascript:;"],
				[0, 0, 1, 2, 2, 1, 1, 1, 2, 2, 0, 1, 2]
			 ];

function generateTree()
{
	var mnu = "";
	mnu += '<div style="background-color:#ffffff;border:1px solid #000000;padding:10px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td colspan="4"><img src="http://www.u-trade.org/assets/packs/tutorials/javascript/index0002//home.gif" width="13" height="14" /></td></tr>';
	__rows = __tree[2].length;
	__cols = 0;
	for (i=0;i<__rows;i++)
	{
		if (__tree[2][i]>__cols)
			__cols = __tree[2][i];
	}
	__cols += 2;

	for (i=0;i<__rows;i++)
	{
		if (__tree[2][i] == 0)
			mnu +='<tr id="rowNode'+i+'">';
		else
			mnu += '<tr id="rowNode'+i+'" style="display:none;">';
		for (j=0;j<__cols;j++)
		{
			if (j==__tree[2][i])
			{
				currentCariage = 'cariage'+i+'_'+j
				mnu += '<td style="background-image:url(http://www.u-trade.org/assets/packs/tutorials/javascript/index0002//prelungitor.gif);"><img src="http://www.u-trade.org/assets/packs/tutorials/javascript/index0002//cariage.gif" id="cariage'+i+'_'+j+'" width="36" height="27" style="cursor:pointer;" onclick="hideShowNodes(\''+currentCariage+'\', \''+i+'\', \''+j+'\')" /></td>';
			}
			else if (j==(__tree[2][i]+1))
				mnu += '<td valign="bottom" style="padding-left:3px;"><a href="'+__tree[1][i]+'" class="links">'+__tree[0][i]+'</a></td>';
			else if (j>(__tree[2][i]+1))
				mnu += '<td></td>';
			else
			{
				__stillExist = 0;
				__stillPos = 0;
				for (q = (i+1); q<__tree[2].length;q++)
				{
					if (__tree[2][q] == j)
					{
						if (__stillExist == 0)
						{
							__stillPos = q;
							__stillExist = 1;
						}
					}
				}
				__upperLevelDetected = false
				for (q = i; q<__stillPos;q++)
				{
					if (__tree[2][q] < j)
						__upperLevelDetected = true
				}
				if ((__stillExist == 1) && (!(__upperLevelDetected)))
					mnu += '<td><img src="http://www.u-trade.org/assets/packs/tutorials/javascript/index0002//continuator.gif" width="36" height="27" /></td>';
				else
					mnu += '<td></td>';
			}
		}
		mnu += '</tr>';
	}
	mnu += '</table></div>';
	
	document.getElementById("menuContainer").innerHTML = mnu;
}

function hideShowNodes(cariage, rowElem, colElem)
{
	cariageElem = document.getElementById(cariage);
	if (cariageElem.src.indexOf("cariage_colapsed.gif")!=-1)
	{
		cariageElem.src = "http://www.u-trade.org/assets/packs/tutorials/javascript/index0002/cariage.gif";
		i = parseInt(rowElem) + 1;
		levelComplete = false;
		while ((levelComplete == false) || (i==__tree[2].length))
		{
			if (__tree[2][i] > colElem)
				document.getElementById('cariage'+i+'_'+__tree[2][i]).src = 'http://www.u-trade.org/assets/packs/tutorials/javascript/index0002/cariage.gif';
			if (__tree[2][i] > colElem)
				document.getElementById("rowNode"+i).style.display="none";
			else
				levelComplete = true;
			i++;
		}
	}
	else
	{
		cariageElem.src = "http://www.u-trade.org/assets/packs/tutorials/javascript/index0002/cariage_colapsed.gif";
		i = parseInt(rowElem) + 1;
		levelComplete = false;
		while ((levelComplete == false) || (i==__tree[2].length))
		{
			if (__tree[2][i] == (parseInt(colElem)+1))
				document.getElementById("rowNode"+i).style.display="";
			else if (__tree[2][i] > (parseInt(colElem)+1))
				{}
			else
				levelComplete = true;
			i++;
		}
	}
}