content = new Array ();

content [0] = new Array (

false, 							 

new Array('sub_0_1','sub_0_2','sub_0_3','sub_0_4','sub_0_5','sub_0_6','sub_0_7','sub_0_8','sub_0_9','sub_0_10','sub_0_11','sub_0_12','sub_0_13','sub_0_14','sub_0_15')   

);

content [1] = new Array (

false, 							 

new Array('sub_1_1','sub_1_2','sub_1_3','sub_1_4','sub_1_5','sub_1_6','sub_1_7')   

);


isOPERA = (navigator.userAgent.indexOf('Opera') >= 0)? true : false;

isIE    = (document.all && !isOPERA)? true : false;

isDOM   = (document.getElementById && !isIE && !isOPERA)? true : false;



function processTree (id)

{

	if (content [id][0])

	{

		for (i = 0; i < content [id][1].length; i++)

			hide (content [id][1][i]);



		content [id][0] = false;

	}

	else

	{

		for (i = 0; i < content [id][1].length; i++)

			show (content [id][1][i], 'table-row');



		content [id][0] = true;

	}



	return false;

}



function show (id, displayValue)

{

	if (isDOM)

		document.getElementById(id).style.display = (displayValue)? displayValue : "block";

	else if (isIE)

		document.all[id].style.display = "block";

}



function hide (id)

{

	if (isDOM)

		document.getElementById(id).style.display = "none";

	else if (isIE)

		document.all[id].style.display = "none";

}

if (isDOM || isIE)

{

	document.writeln('<style type="text/css">');

	document.writeln('.SubItemRow \{ display: none; \}');

	document.writeln('</style>');

}