// Definition of class Foldr
// *****************************************************************

function Folder(folderDescription, hreference,target, pictureon, pictureoff) //constructor
{
  //constant data
  this.desc = folderDescription
  this.hreference = hreference
  this.id = -1
  this.navObj = 0
  this.iconImg = 0
  this.nodeImg = 0
  this.isLastNode = 0


//   alert ("Description: "+folderDescription+"\n"+" Folder Icon ON  :" + pictureon+"\n"+
//	  "Folder Icon Off :" + pictureoff+"\n");

  if (pictureoff && pictureoff!=""){
    this.iconOff = pictureoff
  }
  if (pictureon && pictureon!=""){
     this.iconOn = pictureon
     if((!pictureoff || pictureoff=="") || pictureon==ftv2folderopen ){
       this.iconOff=pictureon
     } else {
      this.iconOff= ftv2folderclosed
     }
  } else {
      this.iconOn= ftv2folderopen
      this.iconOff= ftv2folderclosed
  }
  if (target && target!="")
    this.target = target
  else
    this.target=basefrm;

  //dynamic data
  this.isOpen = true
  this.children = new Array
  this.nChildren = 0
  this.iconSrc = this.iconOff

//  if(!this.iconSrc)
//   this.iconSrc= ftv2folderopen

  //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 = ftv2mlastnode
      else
	  folder.nodeImg.src = ftv2mnode
    if(folder.iconOn && folder.iconOn!="")
      folder.iconImg.src = folder.iconOn
     else
      folder.iconImg.src = ftv2folderopen
    for (i=0; i<folder.nChildren; i++)
      folder.children[i].display()
  }
  else
  {
    if (folder.nodeImg)
      if (folder.isLastNode)
		if(folder.nChildren)
			folder.nodeImg.src = ftv2plastnode
		else
			folder.nodeImg.src = ftv2lastnode
      else
		if(folder.nChildren)
			folder.nodeImg.src = ftv2pnode
		else
			folder.nodeImg.src = ftv2node

    if(folder.iconOff && folder.iconOff!="")
      folder.iconImg.src = folder.iconOff
     else
      folder.iconImg.src = ftv2folderclosed
    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 (this.navObj.visibility == "hiden")
      return
    this.navObj.visibility = "hiden"
  }

  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+")'"
      +' onMouseover=\"window.status=\'' + this.desc + '\';return true;\" '
      +' onMouseout=\"window.status=\'\';return true;\" onfocus=\"blur()\">'
  else
    auxEv = "<a>"

  if (level>0)
    if (lastNode) //the last 'brother' in the children array
    {
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='"+ftv2mlastnode+"' "+picconnectorsize+" border=0></a>")
      leftSide = leftSide + picblank

      this.isLastNode = 1
    }
    else
    {
      this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='"+ftv2mnode+"' "+picconnectorsize+" border=0></a>")
      leftSide = leftSide + picvertline
      this.isLastNode = 0
    }
  else
    this.renderOb("")

  if (nc > 0)
  {
    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=initTreePos  //init pos
    doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>")
  }

  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 valign=top>")
  doc.write(leftSide)
  this.outputLink()
  doc.write("<img name='folderIcon" + this.id + "' ")
  doc.write("src='"+this.iconSrc+"' border=0></a>")
  doc.write("</td><td valign=middle>")
  if (USETEXTLINKS)
  {
    this.outputLink()
    doc.write(this.desc + "</a>")
  }
  else
    doc.write(this.desc)
  doc.write("</td>")
  doc.write("</table>")

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

  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
  }
}

function outputFolderLink()
{
  if (this.hreference)
  {
    doc.write("<a href= '"+ this.hreference +"' target='"+ this.target +"' ");
    doc.write(' onMouseover=\"window.status=\'' + this.desc + '\';return true;\" ');
    doc.write(' onMouseout=\"window.status=\'\';return true;\" onfocus=\"blur()\" ');

    if (browserVersion > 0)
      doc.write("onClick='javascript:clickOnFolder("+this.id+")'")
    doc.write(">")
  }
  else {
    if (browserVersion > 0) {
	doc.write("<a href='javascript:clickOnNode("+this.id+")' ");
        doc.write(' onMouseover=\"window.status=\'' + this.desc + '\';return true;\" ');
        doc.write(' onMouseout=\"window.status=\'\';return true;\" onfocus=\"blur()\">');
     }
     else
      doc.write("<a>");
  }
}

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,picture,target) // Constructor
{
  // constant data
  this.desc = itemDescription
  this.link = itemLink
  this.target = target

  this.id = -1 //initialized in initalize()
  this.navObj = 0 //initialized in render()
  this.iconImg = 0 //initialized in render()
  this.iconSrc = picture
//	alert("Picture= "+picture);
  if(picture && picture !="")
    this.iconSrc = picture
  else
    this.iconSrc = ftv2doc
  // 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 (this.navObj.visibility == "hiden")
      return
    this.navObj.visibility = "hiden"
  }
}

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

  if (level>0)
    if (lastNode) //the last 'brother' in the children array
    {
      this.renderOb(leftSide + "<img src='"+ftv2lastnode+"' "+picconnectorsize+">")
      leftSide = leftSide + picblank
    }
    else
    {
      this.renderOb(leftSide + "<img src='"+ftv2node+"' "+picconnectorsize+">")
      leftSide = leftSide + picvertline
    }
  else
    this.renderOb("")
}

function drawItem(leftSide)
{
  if (browserVersion == 2)
    doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>")

  doc.write("<table ")
  if (browserVersion == 1)
    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 + " target=" + this.target)
  doc.write(' onMouseover=\"window.status=\'' + this.desc + '\';return true;\" ');
  doc.write(' onMouseout=\"window.status=\'\';return true;\" onfocus=\"blur()\">');
  doc.write("<img id='itemIcon"+this.id+"' ")
  doc.write("src='"+this.iconSrc+"' border=0>")
  doc.write("</a>")
  doc.write("</td><td valign=middle nowrap>&nbsp;")
  if (USETEXTLINKS)
    doc.write("<a class='LinkNotBold' href=" + this.link + " target=" + this.target +
	' onMouseover=\"window.status=\'' + this.desc + '\';return true;\" '+
        ' onMouseout=\"window.status=\'\';return true;\" onfocus=\"blur()\">'+
         this.desc + "</a>")
  else
    doc.write(this.desc)
  doc.write("</table>")

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

  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
  }
}


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

function display()
{
  if (browserVersion == 1)
    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)
    //clickOnNode(folderId)

  return

  if (clicked.isSelected)
    return
}


function clickOnNode(folderId)
{



  var clickedFolder = 0
  var state = 0

  clickedFolder = indexOfEntries[folderId]
  state = clickedFolder.isOpen

  //OpenClose(0);
  //OpenClose(0);

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

function OpenClose(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.layers)
      browserVersion = 2 //NS4
    else
      browserVersion = 0 //other

//	       browserVersion = 0 //other

  // start icon for IE4
  if (browserVersion == 1 && picstart != ""){
      doc.write(picstart)
  }



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


  if (browserVersion > 0)
  {

    // start icon for NS4
   if (browserVersion != 1 && picstart != ""){
    doc.write("<layer top="+initYPos+">"+picstart+"</layer>")
   }

   doc.write("<layer top="+indexOfEntries[nEntries-1].navObj.top+">&nbsp;</layer>")
   // close the whole tree
   clickOnNode(0)
   // open the root folder
   clickOnNode(0)

  }
}

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

function gFld(description, hreference,target,pictureon, pictureoff)
{

  folder = new Folder(description, hreference,target,pictureon, pictureoff)
  return folder
}

function gLnk(hreference, description,target,picture)
{
  var fullLink ="" ;

   fullLink = "\"" +  hreference  + "\" ";

  linkItem = new Item(description, fullLink,picture,target)


  return linkItem
}

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

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

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

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

picconnectorsize="";

classPath = "";
initYPos = 10;
ftv2doc = "img/menu/dsmall.gif";
ftv2folderclosed = "img/menu/dsmall.gif";
ftv2folderopen = "img/menu/dsmall.gif";
ftv2lastnode = "img/menu/hmpg_menupoint_empty.gif";
ftv2link = "img/menu/dsmall.gif";
ftv2mlastnode = "img/menu/hmpg_menupoint_minus.gif";
ftv2mnode = "img/menu/hmpg_menupoint_minus.gif";
ftv2node = "img/menu/hmpg_menupoint_empty.gif";
ftv2plastnode = "img/menu/hmpg_menupoint_plus.gif";
ftv2pnode = "img/menu/hmpg_menupoint_plus.gif";

picvertline='<img src="img/menu/dsmall.gif" '+picconnectorsize+'>'
picblank='<img src="d.gif" width="16" height="14">'
picstart=''
initTreePos = 20
basefrm = "cont";
/*
Instructions
You only need to edit one file: photosturism.js .
If you want the names of the folders and documents to be links themselves, include
USETEXTLINKS = 1
at the top of the file.
Create the root folder with the command foldersTree = gFld("Been There", "photos.html").  'gFld' takes a name and and optional URL, and returns the folder. You can give any name to your root folder.
Place a folder inside another folder by using the function 'insFld([parent folder], [child folder])'.
To create a document link use the function 'gLnk'. It takes three arguments:
     Doc type: '0' for local documents, '1' for remote docs that open in a new window, '2' for
     remote docs that open in the right frame.
     Title: Text to be displayed in the tree.
     Link: URL of the document

To place the document inside the tree use the function 'insDoc([parent folder], [document link])'.

If you want to rename this or any other of the files included in the .ZIP, you will have to take in account the file dependencies: ftexample.html includes photosturismLF.html and photos.html; photosturismLF.html includes ftie4style.css, ftiens4.js, and photosturism.js .
The file with the FRAMESET tag is ftexample.html . This version of the script requires that the tree is placed in a frame.
*/