//---------------------------//
//     TREE BROWSER CODE     //
// Copyright Andrew Vos 2006 //
//---------------------------//

var parentNodeCount = 0;
var nodeCount = 0;

function onParentNodeImageClick(node) {
    var divNode = document.getElementById(node.name.replace("parentNodeImage","parentNodeDiv"));
	var imageNode = node;

 	if (divNode.style.display == "none"){
		imageNode.src = _appTheme+"Images/minus.gif";
		divNode.style.display = "";
	}
	else {
	    imageNode.src = _appTheme + "Images/plus.gif";
		divNode.style.display = "none";
	}
}
function onParentNodeTextClick(node) {
    var divNode = document.getElementById(node.name.replace("parentNodeText","parentNodeDiv"));
    var imageNode = document.getElementsByName(node.name.replace("parentNodeText","parentNodeImage"))[0];

	if (divNode.style.display == 'none') {
	    imageNode.src = _appTheme + "Images/minus.gif";
		divNode.style.display = '';
	}
	else {
	    imageNode.src = _appTheme + "Images/plus.gif";
		divNode.style.display = 'none';
	}
}

function onNodeTextClick(node) {
    var imageNode = document.getElementsByName(node.name.replace("nodeText","nodeImage"))[0];
    setSelectedNode(imageNode);
}
function onNodeImageClick(node, url, target){
    var imageNode = node
    setSelectedNode(imageNode);
}

function setSelectedNode(imageNode){
    for (index = 0; index < this.nodeCount; index++) {
		document.getElementsByName("nodeImage" + index)[0].src = "page.png";
    }
   	imageNode.src = "pageSelected.png";
}
function expandAll(){
	for (index = 0; index < this.parentNodeCount; index++) {
		document.getElementById("parentNodeDiv" + index).style.display = "";
		document.getElementsByName("parentNodeImage" + index)[0].src = _appTheme + "Images/minus.gif";     
	}
}
function collapseAll(){
	for (index = 0; index < this.parentNodeCount; index++) {
		document.getElementById("parentNodeDiv" + index).style.display = "none";
		document.getElementsByName("parentNodeImage" + index)[0].src = _appTheme + "Images/plus.gif";     
	}
}

function startParentNode(text, url, enable) {
    if (enable) {
        document.write('<table border="0" cellpadding="0" cellspacing="0" >');
        document.write('  <tr>');
        document.write('    <td><img style="padding-right:5px;cursor:pointer" src="' + _appTheme + 'Images/plus.gif" name="parentNodeImage' + parentNodeCount + '" onclick="onParentNodeImageClick(this)" style="cursor:pointer;"/></td>');
        document.write('    <td><a href="' + url + '" class="parentTreeNode" name="parentNodeText' + parentNodeCount + '" style="cursor:pointer;">');
        document.write(text);
        document.write('</a>');
        document.write('  </td>');
        document.write('  </tr>');
        document.write('  <tr>');
        document.write('    <td></td><!-- SPACING -->');
        document.write('	<td><DIV id="parentNodeDiv' + parentNodeCount + '" style="display:none">');
        this.parentNodeCount = this.parentNodeCount + 1;
    }
    else {
        document.write('<table border="0" cellpadding="0" cellspacing="0" >');
        document.write('  <tr>');
        document.write('    <td><img style="padding-right:5px;cursor:pointer" src="' + _appTheme + 'Images/plus.gif" name="parentNodeImage' + parentNodeCount + '" onclick="onParentNodeImageClick(this)" style="cursor:pointer;"/></td>');
        document.write('    <td><a href="" class="parentTreeNode" name="parentNodeText' + parentNodeCount + '" style="cursor:pointer;">');
        document.write(text);
        document.write('</a>');
        document.write('  </td>');
        document.write('  </tr>');
        document.write('  <tr>');
        document.write('    <td></td><!-- SPACING -->');
        document.write('	<td><DIV id="parentNodeDiv' + parentNodeCount + '" style="display:none">');
        this.parentNodeCount = this.parentNodeCount + 1;
    }
}
function endParentNode(){
	document.write('</DIV></td>');
	document.write('  </tr>');
	document.write('</table>');
}
function addNode(text, url, target){
    document.write('<table border="0" cellpadding="0" cellspacing="0" style="padding-top:3px">');
	document.write('  <tr>');
	document.write('	<td valign="middle">');
    document.write('<a href="' + url + '" target="' + target + '" onfocus="this.hideFocus=true;" style="outline-style:none;">');


    if (url != "") {
        document.write('<img src="' + _appTheme + 'Images/Pad.png" border="0"/>');
        document.write('</a>');
        document.write('	</td>');
        document.write('    <td style="padding-bottom:3px">&nbsp;<a name="nodeText' + this.nodeCount + '" onclick="onNodeTextClick(this);" href="' + url + '" target="' + target + '" class="normalTreeNode" onfocus="this.hideFocus=true;" style="outline-style:none;">' + text + '</a></td>');
    }
    else {
        document.write('<img src="' + _appTheme + 'Images/Pad_2.png" border="0"/>');
        document.write('</a>');
        document.write('	</td>');
        document.write('    <td style="padding-bottom:3px">&nbsp;<a name="nodeText' + this.nodeCount + '" class="normalTreeGray" onfocus="this.hideFocus=true;" style="outline-style:none;cursor:default;">' + text + '</a></td>');
    }
	document.write('  </tr>');
	document.write('</table>');
    this.nodeCount = this.nodeCount + 1;
}
function addExpandCollapseAll(){
	document.write('<table width="100%" border="0">');
	document.write('  <tr>');
	document.write('    <td align="right" width="50%"><a onclick="expandAll();" class="expandCollapse" style="cursor:pointer;">Expand All</a></td>');
	document.write('    <td alight="left" width="50%"><a onclick="collapseAll();" class="expandCollapse" style="cursor:pointer;">Collapse All</a></td>');
	document.write('  </tr>');
	document.write('</table>');  
}