// Definition of class Folder
function Folder(folderDescription, hreference, Oimagepath, Cimagepath, dynamicID, bgColor, check, UpDown) //constructor
{
   //constant data
   this.desc = folderDescription
   this.hreference = hreference
   this.id = -1
   this.navObj = 0
   this.iconImg = 0
   this.nodeImg = 0
   this.isLastNode = 0
   
   //dynamic data
   this.isOpen = true
   this.iconSrcO = Oimagepath //"images/folder_defaultopen.gif"
   this.iconSrcC = Cimagepath //"images/line_blank.gif"
 //"images/folder_defaultclosed.gif"
   this.children = new Array
   this.nChildren = 0
   this.check = check
   this.dynamicID = dynamicID
   this.UpDown = UpDown
   this.bgColor = bgColor
   
   //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 && folder.nChildren > 0)
   {
      if (folder.nodeImg)
         if (folder.isLastNode)
            folder.nodeImg.src = "images/minus_lastnode.gif"
         else
            folder.nodeImg.src = "images/minus_midnode.gif"
      folder.iconImg.src = folder.iconSrcO  // "images/folder_defaultopen.gif"
      for (i=0; i<folder.nChildren; i++)
         folder.children[i].display()
   }
   else
   if (folder.nChildren > 0)
   {
      if (folder.nodeImg)
         if (folder.isLastNode)
            folder.nodeImg.src = "images/plus_lastnode.gif"
         else
            folder.nodeImg.src = "images/plus_midnode.gif"
      folder.iconImg.src = folder.iconSrcC //"images/folder_defaultclosed.gif"
      for (i=0; i<folder.nChildren; i++)
         folder.children[i].hide()
   }
   else
   {
      if (folder.nodeImg)
         if (folder.isLastNode)
            folder.nodeImg.src = "images/line_lastnode.gif"
         else
	    folder.nodeImg.src = "images/line_midnode.gif"
      folder.iconImg.src = folder.iconSrcC //"images/folder_defaultclosed.gif"
      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 = "<span onclick='clickOnNode("+this.id+")' style='cursor:hand'>"
   else
      auxEv = "<span>"
   
   if (level>0)
      if (lastNode) //the last 'brother' in the children array
      {
         this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='images/minus_lastnode.gif' width=24 height=22 border=0></span>",level)
         leftSide = leftSide + "<img src='images/line_blank.gif' width=24 height=22>"
         this.isLastNode = 1
      }
      else
      {
         this.renderOb(leftSide + auxEv + "<img name='nodeIcon" + this.id + "' src='images/minus_midnode.gif' width=24 height=22 border=0></span>",level)
         leftSide = leftSide + "<img src='images/line_vertical.gif' width=24 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-2 && this.children[i+1].nl == "true")
            this.children[i].initialize(level, 1, leftSide)
         else
         if (i == this.nChildren-1)
            this.children[i].initialize(level, 1, leftSide)
         else
            this.children[i].initialize(level, 0, leftSide)
      }
  }
}

function drawFolder(leftSide,level)
{
   if (browserVersion == 2) {
      if (!doc.yPos)
         doc.yPos=8
      doc.write("<layer id='folder" + this.id + "' top=" + doc.yPos + " visibility=hiden>")
   }
   
   color = this.bgColor
   
   if (color)
      doc.write("<table bgcolor="+color);
   else
      doc.write("<table ");
   
   if (level<=2||1==1) {
      if (browserVersion == 1)
         doc.write(" id='folder" + this.id + "' style='FONT-SIZE: xx-small; FONT-FAMILY: tahoma; position:block;' ")
      doc.write(" border=0 cellspacing=0 cellpadding=0 width=100%>")
      doc.write("<tr><td>")
      doc.write(leftSide)
    //this.outputLink()
      doc.write("<img name='folderIcon" + this.id + "' ")
      doc.write("src='" + this.iconSrc+"' border=0></a>")
      doc.write("</td><td id='fldCell" + this.dynamicID + "' height=1 valign=middle nowrap align=left width=99% class=treeText>")
      if (USETEXTLINKS)
      {
         this.outputLink()
         doc.write(this.desc + "</a>")
      }
      else
         doc.write(this.desc)
      doc.write("</td>")
      
      if (this.UpDown == 1)
      {
         doc.write("<td width=40 align='center' valign='middle'><a href='/survey/actMoveQuestion.asp?qNobefore=" + this.dynamicID + "&qNoafter=" + (this.dynamicID-1) + "' class='Image'><img src='/images/up.gif'></a><img src='/images/space.gif' width='5'></td>")
         doc.write("<td width=40 align='center' valign='middle'><a href='/survey/actMoveQuestion.asp?qNobefore=" + this.dynamicID + "&qNoafter=" + (this.dynamicID+1) + "' class='Image'><img src='/images/down.gif'></a><img src='/images/space.gif' width='25' height='1'></td>")
      }
      
      if (this.check == 1)
         doc.write("<td width=40 align='center'><INPUT type=checkbox id=Check" + this.dynamicID + " name=Check" + this.dynamicID + " value='chosen'><img src='/images/space.gif' width='15'></td>")
   }
   
   doc.write("</table>")
   
   if (browserVersion == 2) {
      doc.write("</layer>")
   }
   
   if (browserVersion == 1) {
      var tgTable = document.all.tags("table")
      var tgImg = document.all.tags("img")
      this.navObj =  tgTable("folder"+this.id)
      this.iconImg = tgImg("folderIcon"+this.id)
      this.nodeImg = tgImg("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()
{
   var StrAux;
   
   if (this.hreference)
   {
      var StrAux = "<a href='" + this.hreference + "'"
      
      doc.write(StrAux)// TARGET=\"rightframe\" ")
/*    if (browserVersion > 0)
         doc.write("onClick='javascript:clickOnFolder("+this.id+")'") */
      doc.write(">")
   }
   else
   {
      doc.write("<a class=listaprod>")
  //  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, imagepath, newline, bgColor) // 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 = imagepath //"images/doc_default.gif"
   this.nl = newline
   this.bgColor = bgColor
   
   // 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 (this.nl == "true")
   {
      if (lastNode) //the last 'brother' in the children array
      {
         this.renderOb(leftSide + "<img src='images/line_blank.gif' width=24 height=22>")
	 leftSide = leftSide + "<img src='images/line_blank.gif' width=24 height=22>"
      }
      else
      {
         this.renderOb(leftSide + "<img src='images/line_vertical.gif' width=24 height=22>")
         leftSide = leftSide + "<img src='images/line_vertical.gif' width=24 height=22>"
      }
   }
   else
   {
      if (lastNode) //the last 'brother' in the children array
      {
         this.renderOb(leftSide + "<img src='images/line_lastnode.gif' width=24 height=22>")
         leftSide = leftSide + "<img src='images/line_blank.gif' width=24 height=22>"
      }
      else
      {
         this.renderOb(leftSide + "<img src='images/line_midnode.gif' width=24 height=22>")
         leftSide = leftSide + "<img src='images/line_vertical.gif' width=24 height=22>"
      }
   } 
   else 
      this.renderOb("")
}

function drawItem(leftSide)
{
   if (browserVersion == 2)
      doc.write("<layer id='item" + this.id + "' top=" + doc.yPos + " visibility=hiden>")
   
   color = this.bgColor;
   doc.write("<table bgcolor="+color)
   
   if (browserVersion == 1)
      doc.write(" id='item" + this.id + "' style='font-size: xx-small; FONT-FAMILY: tahoma; position: block; ' ")
   doc.write(" border=0 cellspacing=0 cellpadding=0 width='100%'>")
   doc.write("<tr><td>")
   doc.write(leftSide)
   if (this.link!="")
   {
      doc.write("<span align='left'>")
    //doc.write("<span onclick='" + this.link + "' style='cursor=hand' align='left'>")
      doc.write("<img id='itemIcon"+this.id+"' ")
      doc.write("src='"+this.iconSrc+"' border=0>")
      doc.write("</span>")
   }
   else
   {
      doc.write("<img id='itemIcon"+this.id+"' ")
      doc.write("src='"+this.iconSrc+"' border=0>")
   }
   doc.write("</td><td valign=middle nowrap align='left' width='100%' class='treeText'>")
   if (USETEXTLINKS && this.link!="")
   {
      doc.write("<a href='" + this.link + "'>")
    //doc.write("<a href='" + this.link + "' target=\"principal\">")
    //doc.write("<span onclick='" + this.link + "' style='cursor=hand' align='left'>" + this.desc + "</span></a>")
    doc.write("<span style='cursor=hand' align='left'>" + this.desc + "</span></a>")
   }
   else 
   {
      doc.write(this.desc)
   }
   doc.write("</table>") 
   
   if (browserVersion == 2)
      doc.write("</layer>")
   
   if (browserVersion == 1) {
      var tgTable = document.all.tags("table")
      var tgImg = document.all.tags("img")
      this.navObj = tgTable("item"+this.id)
      this.iconImg = tgImg("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
  
  clickedFolder.setState(!state) //open<->close
}

function initializeDocument()
{
   if (doc.all)
      browserVersion = 1 //IE4
   else
      if (doc.layers)
         browserVersion = 2 //NS4
      else
         browserVersion = 0 //other
   
   foldersTree.initialize(0, 1, "")
   foldersTree.display()
   
   if (browserVersion > 0)
   {
      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-Tree backward compatibility

function gFld(description, hreference, Oimagepath, Cimagepath, dynamicID, bgColor, check, UpDown)
{
  folder = new Folder(description, hreference, Oimagepath, Cimagepath, dynamicID, bgColor, check, UpDown)
  return folder
}

function gLnk(target, description, linkData, imagepath, newline, bgColor)
{
   fullLink = ""
   
   if (target==0 && linkData!="")
   {
      fullLink = "'"+linkData+"' target=\"rightframe\""
   }
   else
   {
      if (target==1 && linkData!="")
         fullLink = "'"+linkData+"' target=\"principal\""
      else if (target==2 && linkData!="")
         fullLink = "'"+linkData+"' target=_top"
      else if (linkData!="")
         fullLink = "'"+linkData+"' target=\"rightframe\""
   }
   
   fullLink = linkData; //should be removed if using hyperlinks!! (cannot be used with modal-popup!)
   
   linkItem = new Item(description, fullLink, imagepath, newline, bgColor)
   
   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

function change_right(p_loc)
{
   parent.bottom.location= p_loc;
}