 doc = document 
 ffonts="<font  face=\"Arial, Helvetica, sans-serif\" color=\"#FFCC00\">"
 ifonts="<font  face=\"Arial, Helvetica, sans-serif\" color=\"#FFFFFF\">"

 ruta_img = "images/tree_folder/"
 cpt_unodo = ruta_img+"lastnode.gif"
 ultimo_nodo = ruta_img+"lastnodei.gif" 
 nodo = ruta_img+"node.gif"
 nodoi = ruta_img+"nodei.gif"
 icon_blank = ruta_img+"blank.gif"
 linea_v = ruta_img+"vertline.gif"
 foldSrc = ruta_img+"folderopen.gif"
 foldclo = ruta_img+"folderclosed.gif"

function changemenupic(mode,imgname){
  var miim= new String(parent.frames['menu'].document.images[imgname].src)
  var miims = miim.split('_',2)

  parent.frames['menu'].document.images[imgname].src = miims[0]+"_"+mode+".jpg";
  window.status=''
}

 function cargaenframe( url, nom ) {
 	eval("parent.frames[\'"+nom+"\'].location=\'"+url+"\'");
 	return false;
 }
 
 function Folder(folderDescription, hreference) //constructor 
 { 
   this.desc = folderDescription 
   this.hreference = hreference 
   this.children = new Array 
   this.nChildren = 0 
  
   this.initialize = initializeFolder 
   this.addChild = addChild 
   this.renderOb = drawFolder 
   this.outputLink = outputFolderLink 
 } 
  
 function initializeFolder(level, lastNode, leftSide){ 

 var i=0 
       
   if (level>0) 
     if (lastNode){ 
       this.renderOb(leftSide+"<img src='"+cpt_unodo+"' width=7 height=22 border=0></td>") 
       leftSide = leftSide + "<img src='"+icon_blank+"' width=7 height=22></td><td>"  
     } else { 
       this.renderOb(leftSide +"<img src='"+nodo+"' width=7 height=22 border=0></td>") 
       leftSide = leftSide + "<img src='"+linea_v+"' width=7 height=22></td><td>" 
     } 
   else this.renderOb("") 
    
   if (this.nChildren > 0) 
   { 
     level = level + 1 
     for (i=0 ; i < this.nChildren-1; i++){
          this.children[i].initialize(level, 0, leftSide) 
     }
     this.children[this.nChildren-1].initialize(level, 1, leftSide) 
      
   } 
 } 
  
 function drawFolder(leftSide) 
 { 
   var fldico
   if (this != raiz) {
       if (this.nChildren>0) fldico = foldSrc
	else fldico = foldclo
	doc.write("<tr><td>")
	doc.write(leftSide) 
   	doc.write("<td><img src='" + fldico+"' width=7 height=22 border=0></td><td align='left'  >") 
   	this.outputLink() 
   }else doc.write("<tr><td colspan='3' align='left'><img src="+this.desc+" width=150 height=20>");
   doc.write("</td></tr>\n")  
} 
  
function outputFolderLink(){ 
   doc.write("<a href='#' onClick=\"cargaenframe(" + this.hreference + ",'izq'); return false;\" onMouseOver=\"status='Ir a "+this.desc+"'; return true;\" onMouseOver=\"status=''; return true;\">"+ffonts+this.desc+"</font></a>") 
} 
  
 function addChild(childNode) { 
   this.children[this.nChildren] = childNode 
   this.nChildren++ 
   return childNode 
 } 
  
 function Item(itemDescription, itemLink) // Constructor 
 { 
   // constant data 
   this.desc = itemDescription 
   this.link = itemLink
   this.imaact = 0
   // methods 
   this.initialize = initializeItem 
   this.renderOb = drawItem 

 } 
  
function initializeItem(level, lastNode,leftside) 
 {  
   if (level>0) 
     if (lastNode) //the last 'brother' in the children array 
     { 
       this.renderOb(leftside+"<img src='"+ultimo_nodo+"' width=7 height=22>") 
     } 
     else 
     { 
       this.renderOb(leftside+"<img src='"+nodoi+"' width=7 height=22>") 
     } 
   else 
     this.renderOb("")   
 } 
  
 function drawItem(leftSide) 
 { 
  
   doc.write("<tr><td align='left'>") 
   doc.write(leftSide) 
   doc.write("</td><td valign=middle nowrap>") 
   doc.write("<a href=\"#\" onClick=\"cargaenframe(" + this.link + ",'info'); return false;\" onMouseOver=\"changemenupic('on','"+this.imaact+"')\" onMouseOut=\"changemenupic('off','"+this.imaact+"')\">" + ifonts+this.desc + "</font></a>") 
   doc.write("</td></tr>\n");
 } 
  
 function initializeDocument() 
 {
   doc.close()
   doc.open()
   doc.write("<STYLE type=text/css>BODY { SCROLLBAR-FACE-COLOR: #3A627A; SCROLLBAR-HIGHLIGHT-COLOR: #3A627A; SCROLLBAR-SHADOW-COLOR: #3A627A; SCROLLBAR-3DLIGHT-COLOR: #3A627A; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #3A627A; SCROLLBAR-DARKSHADOW-COLOR: #3A627A}</STYLE><body bgcolor='#3A627A' text='#ffffff' link='#0000ff' vlink='#0000ff' marginwidth='0' marginheight='0' topmargin='0' leftmargin='0'>");
   doc.write("<table border=0 cellspacing='0' cellpadding='0' cols=3>\n") 
   raiz.initialize(0, 1, "") 
   doc.write("</table></body>")
   doc.close()
 
 } 
  
 function gFld(description, hreference) 
 { 
   folder = new Folder(description, hreference) 
   return folder 
 } 
  
 function gLnk(description, linkData) 
 {   
   linkItem = new Item(description, linkData)   
   return linkItem 
 } 
  
 function insFld(parentFolder, childFolder) 
 {
   return parentFolder.addChild(childFolder) 
 } 
  
 function insDoc(parentFolder, documento, imgact) 
 { 
   parentFolder.addChild(documento) 
   documento.imaact = imgact
 } 
 

