content = new Array ();
content [0] = new Array (false, new Array());
content [1] = new Array (false, new Array('sub_1_1','sub_1_2','sub_1_3','sub_1_4','sub_1_5'));
content [2] = new Array (false, new Array('sub_2_1','sub_2_2'));
content [3] = new Array (false, new Array('sub_3_1','sub_3_2','sub_3_3'));
content [4] = new Array (false, new Array('sub_4_1','sub_4_2'));
content [5] = new Array (false, new Array('sub_5_1','sub_5_2'));
content [6] = new Array (false, new Array());

isOPERA = (navigator.userAgent.indexOf('Opera') >= 0)? true : false;
isIE    = (document.all && !isOPERA)? true : false;
isDOM   = (document.getElementById && !isIE && !isOPERA)? true : false;

function processTree (id)
{

for (idx = 0; idx < content.length; idx++)
{
	if (content [idx][0] && content[idx][1].length!=0)
	{	
		for (i = 0; i < content [idx][1].length; i++)
			hide (content [idx][1][i]);
		content [idx][0] = false;
	}
}



for (i = 0; i < content [id][1].length; i++)
	show (content [id][1][i], 'table-row');

content [id][0] = true;


return false; 
}

function onloadShow(id)
{
for (i = 0; i < content [id][1].length; i++)
	show (content [id][1][i], 'table-row');

content [id][0] = true;
}

function show (id, displayValue)
{	if (isDOM || isOPERA) document.getElementById(id).style.display = (displayValue)? displayValue : "block";
	else if (isIE) document.all[id].style.display = "block";
}

function hide (id)
{	if (isDOM || isOPERA) document.getElementById(id).style.display = "none";
	else if (isIE) document.all[id].style.display = "none";
}
if (isDOM || isIE || isOPERA)
{	document.writeln('<style type="text/css">');
	document.writeln('.SubItemRow \{ display: none; \}');
	//document.writeln('.menuCellSub \{ display: none; \}');
	document.writeln('</style>');
}
