//**************************************************************** 
// Keep this copyright notice: 
// This copy of the script is the property of the owner of the 
// particular web site you were visiting.
// Do not download the script's files from there.
// For a free download and full instructions go to: 
// http://www.mmartins.com
//
// Author: Marcelino Alves Martins
// 1997--2001. 
//**************************************************************** 
 
// Log of changes: 

//		 08 Mar 02 - Added support for form controls, page colors, optional
//					 images, etc.

//       10 Aug 01 - Support for Netscape 6
//
//       17 Feb 98 - Fix initialization flashing problem with Netscape
//       
//       27 Jan 98 - Root folder starts open; support for USETEXTLINKS; 
//                   make the ftien4 a js file 
 
// Definition of class Folder 
// ***************************************************************** 
 
function Folder(folderDescription, hreference, value, color, image, desc, selected) //constructor 
{ 
  //constant data 
  this.desc = folderDescription 
  this.hreference = hreference
  this.tooltip = desc
  this.color = color
  this.image = image
  this.value = value
 
  if (selected)
	  this.selected ='checked';
  else
  	  this.selected ='';
	  
  this.id = -1   
  this.navObj = 0  
  this.iconImg = 0  
  this.nodeImg = 0  
  this.isLastNode = 0 
 
  //dynamic data 
  this.isOpen = true 
  this.iconSrc = IMAGEROOT + "ftv2folderopen.gif"   
  
  this.children = new Array 
  this.nChildren = 0 
 
  //methods 
  this.initialize = initializeFolder 
  this.setState = setStateFolder 
  this.addChild = addChild 
  this.createIndex = createEntryIndex 
  this.escondeBlock = escondeBlock
  this.esconde = escondeFolder 
  this.mostra = mostra 
  this.renderOb = drawFolder 
  this.totalHeight = totalHeight 
  this.subEntries = folderSubEntries 
  this.outputLink = outputFolderLink 
  this.blockStart = blockStart
  this.blockEnd = blockEnd
} 
 
function initializeFolder(level, lastNode, leftSide) 
{ 
  var j=0 
  var i=0 
  var numberOfFolders 
  var numberOfDocs 
  var nc 
      
  nc = this.nChildren 
   
  this.createIndex() 
 
  var auxEv = "" 
 
  if (browserVersion > 0) 
    auxEv = "<a href='javascript:clickOnNode("+this.id+")'>" 
  else 
    auxEv = "<a>" 
 
  if (level>0) 
    if (lastNode) //the last child in the children array 
    { 
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + IMAGEROOT + "ftv2mlastnode.gif' width=16 height=22 border=0></a>") 
      leftSide = leftSide + "<img src='" + IMAGEROOT + "ftv2blank.gif' width=16 height=22>"  
      this.isLastNode = 1 
    } 
    else 
    { 
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' id='nodeIcon" + this.id + "' src='" + IMAGEROOT + "ftv2mnode.gif' width=16 height=22 border=0></a>") 
      leftSide = leftSide + "<img src='" + IMAGEROOT + "ftv2vertline.gif' width=16 height=22>" 
      this.isLastNode = 0 
    } 
  else 
    this.renderOb("") 
   
  if (nc > 0) 
  { 
    level = level + 1 
    for (i=0 ; i < this.nChildren; i++)  
    { 
      if (i == this.nChildren-1) 
        this.children[i].initialize(level, 1, leftSide) 
      else 
        this.children[i].initialize(level, 0, leftSide) 
      } 
  } 
} 
 
function setStateFolder(isOpen) 
{ 
  var subEntries 
  var totalHeight 
  var fIt = 0 
  var i=0 
 
  if (isOpen == this.isOpen) 
    return 
 
  if (browserVersion == 2)  
  { 
    totalHeight = 0 
    for (i=0; i < this.nChildren; i++) 
      totalHeight = totalHeight + this.children[i].navObj.clip.height 
      subEntries = this.subEntries() 
    if (this.isOpen) 
      totalHeight = 0 - totalHeight 
    for (fIt = this.id + subEntries + 1; fIt < nEntries; fIt++) 
      indexOfEntries[fIt].navObj.moveBy(0, totalHeight) 
  }  
  this.isOpen = isOpen 
  propagateChangesInState(this) 
} 
 
function propagateChangesInState(folder) 
{   
  var i=0 
 
  if (folder.isOpen) 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = IMAGEROOT + "ftv2mlastnode.gif" 
      else 
	    folder.nodeImg.src = IMAGEROOT + "ftv2mnode.gif" 
		
	if (USEIMAGES) {
	   folder.iconImg.src = IMAGEROOT + "ftv2folderopen.gif" 
	}
	
    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].mostra() 
  } 
  else 
  { 
    if (folder.nodeImg) 
      if (folder.isLastNode) 
        folder.nodeImg.src = IMAGEROOT + "ftv2plastnode.gif" 
      else 
	    folder.nodeImg.src = IMAGEROOT + "ftv2pnode.gif" 
		
    if (USEIMAGES) {		
    	folder.iconImg.src = IMAGEROOT + "ftv2folderclosed.gif"
	}
	
    for (i=0; i<folder.nChildren; i++) 
      folder.children[i].esconde() 
  }  
} 
 
function escondeFolder() 
{ 
  this.escondeBlock()
   
  this.setState(0) 
} 
 
function drawFolder(leftSide) 
{ 
  var idParam = "id='folder" + this.id + "'"

  if (browserVersion == 2) { 
    if (!doc.yPos) 
      doc.yPos=20 
  } 

  this.blockStart("folder")

  doc.write("<tr><td>") 
  doc.write(leftSide) 
  this.outputLink() 
  
  if (USEIMAGES) {
	  doc.write("<img id='folderIcon" + this.id + "' name='folderIcon" + this.id + "' src='" + this.iconSrc+"' border=0></a>")
  }

  doc.write("</td><td valign=middle nowrap>") 

  if (CONTROLTYPE.length) {
  	 if ( (this.value != '-1') && (this.value != '-2') ) 
	    doc.write("<input id='node" + this.id + "' type='" + CONTROLTYPE + "' name='" + CONTROLNAME + "' value='" + this.value + "' " + this.selected + ">");		
	else if (this.value != '-2')
	    doc.write("<input id='" + this.id + "' disabled type='" + CONTROLTYPE + "' name='" + CONTROLNAME + "' value='" + this.value + "' " + this.selected + ">");		
	
  }

 	if (this.image) {
	  doc.write("<img align='absmiddle' alt=\"\" src='" + this.image + "' width=16 height=16 style='margin-right:3px;'>")
 	} else {
	  doc.write("<img align='absmiddle' alt=\"\" src='" + IMAGEROOT + "ftv21px.gif' width=14 height=14 style='border:1px solid black; margin-right:3px;'>") 
	}
  
  if (USETEXTLINKS && this.hreference.length) { 
    this.outputLink() 
    doc.write("<span title='" + this.tooltip + "'>" + this.desc + "</span>") 
  }
  else {
    doc.write("<span title='" + this.tooltip + "'><label for='node" + this.id + "'>" + this.desc + "</label></span>") 
  }
  
  if (USETEXTLINKS && this.hreference.length) { 
    doc.write("</b></a>") 
  }
  
  doc.write("</td>")  

  this.blockEnd()
 
  if (browserVersion == 1) { 
    this.navObj = doc.all["folder"+this.id] 
    this.iconImg = doc.all["folderIcon"+this.id] 
    this.nodeImg = doc.all["nodeIcon"+this.id] 
  } 
  else if (browserVersion == 2) { 
    this.navObj = doc.layers["folder"+this.id] 
    this.iconImg = this.navObj.document.images["folderIcon"+this.id] 
    this.nodeImg = this.navObj.document.images["nodeIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } 
  else if (browserVersion == 3) { 
    this.navObj = doc.getElementById("folder"+this.id)
    this.iconImg = doc.getElementById("folderIcon"+this.id) 
    this.nodeImg = doc.getElementById("nodeIcon"+this.id)
  } 
} 
 
function outputFolderLink() 
{ 
  if (this.hreference) 
  { 
    doc.write("<a href='" + this.hreference + "' target='" + CONTROLTARGET + "'><b>") 
    //if (browserVersion > 0) 
    //  doc.write("onClick='javascript:clickOnFolder("+this.id+")'") 
    //doc.write(">") 
  } 
  else 
    doc.write("<a><b>") 
//  doc.write("<a href='javascript:clickOnFolder("+this.id+")'>")   
} 
 
function addChild(childNode) 
{ 
  this.children[this.nChildren] = childNode 
  this.nChildren++ 
  return childNode 
} 
 
function folderSubEntries() 
{ 
  var i = 0 
  var se = this.nChildren 
 
  for (i=0; i < this.nChildren; i++){ 
    if (this.children[i].children) //is a folder 
      se = se + this.children[i].subEntries() 
  } 
 
  return se 
} 
 
 
// Definition of class Item (a document or link inside a Folder) 
// ************************************************************* 
 
function Item(itemDescription, itemLink, value, color, image, desc, selected) // Constructor 
{ 
  // constant data 
  this.desc 	= itemDescription 
  this.link 	= itemLink 
  this.tooltip 	= desc
  this.color 	= color
  this.image	= image
  this.value 	= value

  if (selected)
	  this.selected ='checked';
  else
  	  this.selected ='';
	    
  this.id 		= -1 //initialized in initalize() 
  this.navObj 	= 0 //initialized in render() 
  this.iconImg	= 0 //initialized in render() 
  this.iconSrc 	= IMAGEROOT + "ftv2doc.gif" 

  // methods 
  this.initialize 	= initializeItem 
  this.createIndex 	= createEntryIndex 
  this.esconde 		= escondeBlock
  this.mostra 		= mostra 
  this.renderOb 	= drawItem 
  this.totalHeight 	= totalHeight 
  this.blockStart 	= blockStart
  this.blockEnd 	= blockEnd
} 
 
function initializeItem(level, lastNode, leftSide) 
{  
  this.createIndex() 
 
  if (level>0) 
    if (lastNode) //the last 'brother' in the children array 
    { 
      this.renderOb(leftSide + "<img src='" + IMAGEROOT + "ftv2lastnode.gif' width=16 height=22>") 
      leftSide = leftSide + "<img src='" + IMAGEROOT + "ftv2blank.gif' width=16 height=22>"  
    } 
    else 
    { 
      this.renderOb(leftSide + "<img src='" + IMAGEROOT + "ftv2node.gif' width=16 height=22>") 
      leftSide = leftSide + "<img src='" + IMAGEROOT + "ftv2vertline.gif' width=16 height=22>" 
    } 
  else 
    this.renderOb("")   
} 
 
function drawItem(leftSide) 
{ 
  this.blockStart("item")

  doc.write("<tr><td>") 
  doc.write(leftSide)
  
  if (USEIMAGES) {
	  if (this.link.length) {
		  doc.write("<a href=" + this.link + " target=" + CONTROLTARGET + ">") 
		  doc.write("<img id='itemIcon" + this.id + "' src='" + this.iconSrc + "' border=0>") 
		  doc.write("</a>") 
	  }
	  else
		  doc.write("<img id='itemIcon" + this.id + "' src='" + this.iconSrc + "' border=0>") 
  }

  doc.write("</td><td valign=middle nowrap>") 

  if (CONTROLTYPE.length) {
  	if (this.value != '-1')
		doc.write("<input id='node" + this.id + "' type='" + CONTROLTYPE + "' name='" + CONTROLNAME + "' value='" + this.value + "' " + this.selected + ">");		
	else
		doc.write("<input id='node" + this.id + "' disabled type='" + CONTROLTYPE + "' name='" + CONTROLNAME + "' value='" + this.value + "' " + this.selected + ">");		
  }

  if(this.image) {
	  doc.write("<img alt=\"\" align='absmiddle' src='" + this.image + "' width=16 height=16 style='margin-right:3px;'>") 
  } else {
	  doc.write("<img alt=\"\" src='" + IMAGEROOT + "ftv21px.gif' width=14 height=14 style='border:1px solid black; margin-right:3px;'>") 
  }
  
  if (USETEXTLINKS && this.link.length)  {
     doc.write("<a href=" + this.link + " target=" + CONTROLTARGET + "><b>") 
	 doc.write("<span title='" + this.tooltip + "'>" + this.desc + "</span>") 
     doc.write("</b></a>") 
  }
  else {
	  doc.write("<span title='" + this.tooltip + "'><label for='node" + this.id + "'>" + this.desc + "</label></span>") 
  }
  
  this.blockEnd()
 
  if (browserVersion == 1) { 
    this.navObj = doc.all["item"+this.id] 
    this.iconImg = doc.all["itemIcon"+this.id] 
  } else if (browserVersion == 2) { 
    this.navObj = doc.layers["item"+this.id] 
    this.iconImg = this.navObj.document.images["itemIcon"+this.id] 
    doc.yPos=doc.yPos+this.navObj.clip.height 
  } else if (browserVersion == 3) { 
    this.navObj = doc.getElementById("item"+this.id)
    this.iconImg = doc.getElementById("itemIcon"+this.id)
  } 
} 
 
 
// Methods common to both objects (pseudo-inheritance) 
// ******************************************************** 
 
function mostra() 
{ 
  if (browserVersion == 1 || browserVersion == 3) 
    this.navObj.style.display = "block" 
  else 
    this.navObj.visibility = "show" 
} 

function escondeBlock() 
{ 
  if (browserVersion == 1 || browserVersion == 3) { 
    if (this.navObj.style.display == "none") 
      return 
    this.navObj.style.display = "none" 
  } else { 
    if (this.navObj.visibility == "hiden") 
      return 
    this.navObj.visibility = "hiden" 
  }     
} 
 
function blockStart(idprefix) {
  var idParam = "id='" + idprefix + this.id + "'"

  if (browserVersion == 2) 
    doc.write("<layer "+ idParam + " top=" + doc.yPos + " visibility=show>") 
     
  if (browserVersion == 3) //N6 has bug on display property with tables
    doc.write("<div " + idParam + " style='display:block; position:block;'>")
     
  doc.write("<table border=0 cellspacing=0 cellpadding=0 ") 

  if (browserVersion == 1) 
    doc.write(idParam + " style='display:block; position:block; '>") 
  else
    doc.write(">") 
}

function blockEnd() {
  doc.write("</table>") 
   
  if (browserVersion == 2) 
    doc.write("</layer>") 
  if (browserVersion == 3) 
    doc.write("</div>") 
}
 
function createEntryIndex() 
{ 
  this.id = nEntries 
  indexOfEntries[nEntries] = this 
  nEntries++ 
} 
 
// total height of subEntries open 
function totalHeight() //used with browserVersion == 2 
{ 
  var h = this.navObj.clip.height 
  var i = 0 
   
  if (this.isOpen) //is a folder and _is_ open 
    for (i=0 ; i < this.nChildren; i++)  
      h = h + this.children[i].totalHeight() 
 
  return h 
} 

 
// Events 
// ********************************************************* 
 
function clickOnFolder(folderId) 
{ 
  var clicked = indexOfEntries[folderId] 

  if (!clicked.isOpen) 
    clickOnNode(folderId) 
 
  return  
 
  if (clicked.isSelected) 
    return 
} 
 
function clickOnNode(folderId) 
{ 
  var clickedFolder = 0 
  var state = 0 
 
  clickedFolder = indexOfEntries[folderId] 
  state = clickedFolder.isOpen 

  clickedFolder.setState(!state) //open<->close  
} 
 

// Auxiliary Functions
// *********************************************************** 

function expandNodeByValue(v) {
	for (var i=0; i<indexOfEntries.length; i++) {
		if (indexOfEntries[i].value == v) {
			if (indexOfEntries[i].setState)
				clickOnFolder(i);
				
			break;
		}
	}
}

function gFld(description, hreference, value, color, image, desc, selected) 
{ 

	if (!desc) desc='';
	
  	folder = new Folder(description, hreference, value, color, image, desc, selected) 
  	return folder 
} 
 
function gLnk(description, linkData, value, color, image, desc, selected) 
{ 	if (!desc) desc='';

	if (linkData.length) 
		fullLink = "'"+linkData+"'" 
	else
		fullLink = linkData
		
	linkItem = new Item(description, fullLink, value, color, image, desc, selected)   
	return linkItem 
} 
 
function insFld(parentFolder, childFolder) 
{ 
  return parentFolder.addChild(childFolder) 
} 
 
function insDoc(parentFolder, document) 
{ 
  parentFolder.addChild(document) 
} 
 

// Global variables 
// **************** 
 
//These two variables are overwriten on defineMyTree.js if needed be
USETEXTLINKS  = 1 
STARTALLOPEN  = 0
USEIMAGES	  = 0
CONTROLTYPE	  = ''
CONTROLNAME   = 'pge_id'
IMAGEROOT	  = ''

indexOfEntries 	= new Array 
nEntries 		= 0 
doc 			= document 
browserVersion	= 0 
selectedFolder	= 0

// Main function
// ************* 

// This function uses an object (navigator) defined in
// ua.js, imported in the main html page (left frame).
function initializeDocument() 
{ 

  switch(navigator.family)
  {
    case 'ie4':
      browserVersion = 1 //IE4   
      break;
    case 'nn4':
      browserVersion = 2 //NS4 
      break;
    case 'gecko':
      browserVersion = 3 //NS6
      break;
	default:
	  browserVersion = 0 //other 
	  break;
  }      
  
  if (browserVersion == 2) 
    doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>") 

}