//****************************************************************
// You are free to copy the "Folder-Tree" script as long as you
// keep this copyright notice:
// Script found in: http://www.geocities.com/Paris/LeftBank/2178/
// Author: Marcelino Alves Martins (martins@hks.com) December '97.
//****************************************************************
//Log of changes:
//       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) //constructor
{
  //constant data
  this.desc = folderDescription;
  this.hreference = hreference;
  this.id = -1;
  this.navObj = 0;
  this.iconImg = 0;
  this.nodeImg = 0;
  this.isLastNode = 0;

  //nobreak added
  this.absIconSrc = "";

  //dynamic data
  this.isOpen = true;
  this.iconSrc = "/images/frame/treeImages/folderclosed.gif";
  this.children = new Array;
  this.nChildren = 0;

  //methods
  this.initialize = initializeFolder;
  this.setState = setStateFolder;
  this.addChild = addChild;
  this.createIndex = createEntryIndex;
  this.hide = hideFolder;
  this.display = display;
  this.renderOb = drawFolder;
  this.totalHeight = totalHeight;
  this.subEntries = folderSubEntries;
  this.outputLink = outputFolderLink;
}

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 = "/images/frame/treeImages/mlastnode.gif"
      else
	    folder.nodeImg.src = "/images/frame/treeImages/mnode.gif"
    if(folder.absIconSrc == "")
      folder.iconImg.src = "/images/frame/treeImages/folderopen.gif"
//      folder.iconImg.src = "/images/frame/treeImages/folderclosed.gif"
    else
      folder.iconImg.src = folder.absIconSrc
    for (i=0; i<folder.nChildren; i++)
      folder.children[i].display()
  }
  else
  {
    if (folder.nodeImg)
      if (folder.isLastNode)
        folder.nodeImg.src = "/images/frame/treeImages/plastnode.gif"
      else
	  folder.nodeImg.src = "/images/frame/treeImages/pnode.gif"
    if(folder.absIconSrc == "")
      folder.iconImg.src = "/images/frame/treeImages/folderclosed.gif"
    else
      folder.iconImg.src = folder.absIconSrc
    for (i=0; i<folder.nChildren; i++)
      folder.children[i].hide()
  }
}

function hideFolder()
{
  if (browserVersion == 1) {
    if (this.navObj.style.display == "none")
      return
    this.navObj.style.display = "none"
  } else if (browserVersion == 3) {
    if (this.navObj.style.display == "none")
      return
    this.navObj.style.display = "none"
  } else {

    if (this.navObj.style.visibility == "hidden")
      return
    this.navObj.style.visibility = "hidden"

/*
    if (this.navObj.visibility == "hidden")
      return
    this.navObj.visibility = "hidden"
*/
  }

  this.setState(0)
}

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>"
    auxEv = "<a href='javascript:clickOnNode("+this.id+")'>"

  if (level>0)
    if (lastNode) //the last 'brother' in the children array
    {
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='/images/frame/treeImages/mlastnode.gif' width='16' height='20' border='0' /></a>")
      leftSide = leftSide + "<img src='/images/frame/treeImages/blank.gif' width='16' height='20' />"
      this.isLastNode = 1
    }
    else
    {
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='/images/frame/treeImages/mnode.gif' width='16' height='20' border='0' /></a>")
      leftSide = leftSide + "<img src='/images/frame/treeImages/vertline.gif' width='16' height='20' />"
      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 drawFolder(leftSide)
{
  if (browserVersion == 2) {
    if (!doc.yPos)
      doc.yPos=8
    doc.write("<div id='folder" + this.id + "' top='" + doc.yPos + "px' visibility='hidden'>")
  }

  doc.write("<table ")
//  if (browserVersion == 1)
    doc.write(" id='folder" + this.id + "' style='position:block;' ")
  doc.write(" border='0' cellspacing='0' cellpadding='0'>")
  doc.write("<tr><td>")
  doc.write(leftSide)

//  this.outputLink()
  if(this.id == 0) {
  doc.write("<img name='folderIcon" + this.id + "' ")
  doc.write("src='/images/frame/treeImages/root.gif' border='0' />")
  } else {
  doc.write("<img name='folderIcon" + this.id + "' ")
  doc.write("src='" + this.iconSrc+"' border='0' />")
  }
//  doc.write("</a>")
  doc.write("</td><td valign='middle' nowrap>")
  doc.write("&nbsp;")
  if (USETEXTLINKS)
  {
    this.outputLink()
	  if(this.id != 0) {
//    this.outputLink()
	  }
//    doc.write("<font size=2 face='Arial,굴림'>" + this.desc + "</font>" + "</a>")
    doc.write(this.desc + "</a>")
  }
  else
//    doc.write("<font size=2 face='Arial,굴림'>" + this.desc + "</font>")
    doc.write(this.desc)
  doc.write("</td>")
  doc.write("</table>")

  if (browserVersion == 2) {
    doc.write("</div>")
  }

  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.divs["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
  }
   
}

function outputFolderLink()
{
  if (this.hreference)
  {
//    doc.write("<a href='" + this.hreference + "' target=\"left\" ")
    doc.write("<a ")
    if (browserVersion > 0)
      doc.write("href='javascript:clickOnFolder("+this.id+")'>")
    //doc.write(" onDblClick='javascript:clickOnNode("+this.id+")'>")

//onDblClick='javascript:clickOnNode("+this.id+")
  }
  else
    doc.write("<a>")
//  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) // Constructor
{
  // constant data
  this.desc = itemDescription
  this.link = itemLink
  this.id = -1 //initialized in initalize()
  this.navObj = 0 //initialized in render()
  this.iconImg = 0 //initialized in render()
  //this.iconSrc = "/images/_admin/FrameSkin/treeImages/doc.gif"
  this.iconSrc = "/images/frame/treeImages/folderclosed.gif"

  // methods
  this.initialize = initializeItem
  this.createIndex = createEntryIndex
  this.hide = hideItem
  this.display = display
  this.renderOb = drawItem
  this.totalHeight = totalHeight
}

function hideItem()
{
  if (browserVersion == 1) {
    if (this.navObj.style.display == "none")
      return
    this.navObj.style.display = "none"
  } else if (browserVersion == 3) {
    if (this.navObj.style.display == "none")
      return
    this.navObj.style.display = "none"
  } else {
    if (this.navObj.style.visibility == "hidden")
      return
    this.navObj.style.visibility = "hidden"

/*
    if (this.navObj.visibility == "hidden")
      return
    this.navObj.visibility = "hidden"
*/
  }
}

function initializeItem(level, lastNode, leftSide)
{
  this.createIndex()

  if (level>0)
    if (lastNode) //the last 'brother' in the children array
    {
      this.renderOb(leftSide + "<img src='/images/frame/treeImages/lastnode.gif' width='16' height='20' />")
      leftSide = leftSide + "<img src='/images/frame/treeImages/blank.gif' width='16' height='20' />"
    }
    else
    {
      this.renderOb(leftSide + "<img src='/images/frame/treeImages/node.gif' width='16' height='20' />")
      leftSide = leftSide + "<img src='/images/frame/treeImages/vertline.gif' width='16' height='20' />"
    }
  else
  {
    this.renderOb("")
  }
}

function drawItem(leftSide)
{
  if (browserVersion == 2)
  {
    doc.write("<div id='item" + this.id + "' top='" + doc.yPos + "px' visibility='hidden'>")
  }
  doc.write("<table ")
  if (browserVersion == 1 || browserVersion == 3)
    doc.write(" id='item" + this.id + "' style='position:block;' ")
  doc.write(" border='0' cellspacing='0' cellpadding='0'>")
  doc.write("<tr><td>")
  doc.write(leftSide)
//  doc.write("<a href=" + this.link + ">")
  doc.write("<img id='itemIcon"+this.id+"' ")
  doc.write("src='"+this.iconSrc+"' border='0' />")
//  doc.write("</a>")
  doc.write("</td><td valign='middle' nowrap>")
  doc.write("&nbsp;")

  if (USETEXTLINKS)
//    doc.write("<a href=" + this.link + ">" + "<font size=2 face='Arial,굴림'>" + this.desc + "</font>" + "</a>")
    doc.write("<a href=" + this.link + ">" + this.desc + "</a>")
  else
//    doc.write("<font size=2 face='Arial,굴림'>" + this.desc + "</font>")
    doc.write(this.desc)
  doc.write("</table>")

  if (browserVersion == 2)
    doc.write("</div>")

  if (browserVersion == 1) {
    this.navObj = doc.all["item"+this.id]
    this.iconImg = doc.all["itemIcon"+this.id]
  } else if (browserVersion == 2) {
    this.navObj = doc.divs["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 = eval('doc.getElementById("item'+this.id+'")')
    this.iconImg = eval('doc.getElementById("itemIcon'+this.id+'")')

//    alert(eval('doc.getElementById("itemIcon'+this.id+'")'))
  }
}


// Methods common to both objects (pseudo-inheritance)
// ********************************************************

function display()
{
  if (browserVersion == 1)
    this.navObj.style.display = "block"
  else if (browserVersion == 3)
    this.navObj.style.display = "block"
  else
    this.navObj.visibility = "show"
}

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) {
	if (clicked.isOpen)
		clickOnNode(folderId)
		return
} else {
	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
}

function initializeDocument()
{
  if (doc.all)
    browserVersion = 1 //IE4
  else if (!doc.all && doc.getElementById)
    browserVersion = 3 //NN
  else
    if (doc.divs)
      browserVersion = 2 //NS4
    else
      browserVersion = 0 //other

  aux0.initialize(0, 1, "")
  aux0.display()

  if (browserVersion > 0)
  {

    for(i=0; i<indexOfEntries.length;i++) {
    //  alert(i)
    }
	if (browserVersion != 3)
      doc.write("<div top='"+indexOfEntries[nEntries-1].navObj.top+"'>&nbsp;</div>")

/*
    // close the whole tree
    clickOnNode(0)
    // open the root folder
    clickOnNode(0)
*/

  }
}

// Auxiliary Functions for Folder-Treee backward compatibility
// *********************************************************

function gFld(description, hreference)
{
  folder = new Folder(description, hreference)
  return folder
}

function gFld2(description, hreference, iconsrc)
{
  folder = new Folder(description, hreference)
  folder.absIconSrc = iconsrc
  return folder
}

function gLnk(description, linkData)
{
  fullLink = "'"+linkData+"' target=\"FrameLeft\""
  linkItem = new Item(description, fullLink)
  return linkItem
}

function gLnk2(description, linkData, iconsrc)
{
  fullLink = "'"+linkData+"' target=\"FrameLeft\""
  linkItem = new Item(description, fullLink)
  linkItem.iconSrc = iconsrc
  return linkItem
}

function gLnk3(description, linkData, iconsrc)
{
  fullLink = "'"+linkData+"' target=\"FrameContent\""
  linkItem = new Item(description, fullLink)
  linkItem.iconSrc = iconsrc
  return linkItem
 }

 function gLnkSelf(description, linkData, iconsrc)
 {
 	fullLink = "'" + linkData + "' "
 	linkItem = new Item(description, fullLink)
 	linkItem.iconSrc = iconsrc
 	return linkItem
 }

function gLnkNew(description, linkData, iconsrc)
{
  fullLink = "'"+linkData+"' target=\"_blank\""
  linkItem = new Item(description, fullLink)
  linkItem.iconSrc = iconsrc
  return linkItem
}

function insFld(parentFolder, childFolder)
{
  return parentFolder.addChild(childFolder)
}

function insDoc(parentFolder, document)
{
  parentFolder.addChild(document)
}

// Global variables
// ****************

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