var parentNodeCount = 0;
var nodeCount = 0;

/* click sobre imagen antes texto */
function onParentNodeImageClick(node) {
    var divNode = document.getElementById(node.name.replace("parentNodeImage","parentNodeDiv"));
	var imageNode = node;

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

/*click sobre el texto */
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 = "img/minus.gif";
		divNode.style.display = "";
	}
	else {
		imageNode.src = "img/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 = "img/ball.gif";
    }
   	imageNode.src = "img/ball.gif";
}
function expandAll(){
	for (index = 0; index < this.parentNodeCount; index++) {
		document.getElementById("parentNodeDiv" + index).style.display = "";
        document.getElementsByName("parentNodeImage" + index)[0].src = "img/minus.gif";     
	}
}
function expandone(index){
	document.getElementById("parentNodeDiv" + index).style.display = "";
    document.getElementsByName("parentNodeImage" + index)[0].src = "img/minus.gif";     
}
function collapseAll(){
	for (index = 0; index < this.parentNodeCount; index++) {
		document.getElementById("parentNodeDiv" + index).style.display = "none";
        document.getElementsByName("parentNodeImage" + index)[0].src = "img/plus.gif";     
	}
}
function collapseone(index){
	document.getElementById("parentNodeDiv" + index).style.display = "none";
    document.getElementsByName("parentNodeImage" + index)[0].src = "img/plus.gif";     
}

function startParentNode(text){
	document.write('<table border="0" cellpadding="1" cellspacing="0" width="100%">');
	document.write('<tr>');
	document.write('<td id="nodoPadre' + parentNodeCount + '"><img width="6" height="6" src="img/plus.gif" style=" margin: 3px;"  name="parentNodeImage' + parentNodeCount + '" title="parentNodeImage' + parentNodeCount + '" onclick="onParentNodeImageClick(this)" style="cursor:pointer;"/></td>');
	document.write('<td id="nodoPadreContent' + parentNodeCount + '" width="90%"><a class="parentTreeNode" name="parentNodeText' + parentNodeCount + '" onclick="onParentNodeTextClick(this)" 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){
	if(target==undefined){ target="_self"; } else { target="_blank"; }
	document.write('<table border="0" cellpadding="1" cellspacing="0">');
	document.write('<tr>');
	document.write('<td class="normalTreeNode">');
	document.write('<img width="3" height="8" src="img/ball.gif" border="0" name="nodeImage' + this.nodeCount + '" onclick="onNodeImageClick(this);" />');
	document.write('</td>');
	document.write('<td class="normalTreeNodeContent"><a name="nodeText' + this.nodeCount + '" onclick="onNodeTextClick(this);" href="' + url + '" target="' + target + '" class="' + this.nodeCount + '" onfocus="this.hideFocus=true;" style="outline-style:none;">'+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="expandone(1);expandone(2);expandone(3);" class="expandCollapse" style="cursor:pointer;">Expand All</a></td>');
	document.write('    <td alight="left" width="50%"><a onclick="collapseone(3);collapseone(2);collapseone(1);" class="expandCollapse" style="cursor:pointer;">Collapse All</a></td>');
	document.write('  </tr>');
	document.write('</table>');  
}