var showing=null;

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

function processTree (id)
{
	
	// change underlining of items
	underline (id , showing);
	
	//if (content [id][0])
	{
		for (i = 0; i < content [showing][1].length; i++)
			hide (content [showing][1][i]);

		content [showing][0] = false;
	}
	//else
	{
		for (i = 0; i < content [id][1].length; i++)
			show (content [id][1][i], 'table-row');

		content [id][0] = true;
		showing = id;
	}

	return false;
}

function underline (newItem, oldItem) 
{
	
	newItem = 'Item_' + newItem;
	oldItem = 'Item_' + oldItem;

	// add underline to clicked item
	if (isDOM)
		document.getElementById(newItem).style.textDecoration = "underline";
	else if (isIE)
		document.all[newItem].style.textDecoration = "underline";

	// remove underline from old item
	if (newItem != oldItem) {
		if (isDOM)
			document.getElementById(oldItem).style.textDecoration = "none";
		else if (isIE)
			document.all[oldItem].style.textDecoration = "none";
	}
}

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>');
}