
 var f=0

function addStyle(link)
  {
	link.style.color = 'white'
					
   }


function removeStyle(link)
  {
	link.style.color = leafColor
	link.style.textDecoration = 'none'				
   }

function addCol(link)
  {
	link.style.color = 'red'
  }



function getLeafHtml(leaflink,leafdescription,isNode)
{
    if(isNode)
    {
    

		 var retval = "<nobr>&nbsp;<a  href ='"+leaflink+ "'TARGET = 'DISPLAY' style ='color:"+nodeColor+";text-decoration:none'  TARGET ='DISPLAY'><font face = 'system'><B>" + leafdescription +"</B></font></a></nobr>";
         return retval;
    
    }
    else
    {

 	var retval = "<nobr>&nbsp;<a onMouseOver='addStyle(this)' onMouseOut='removeStyle(this)' onClick='addCol(this)' href ='"+leaflink+ "'TARGET = 'DISPLAY' style ='color:"+leafColor+";text-decoration:none' TARGET ='DISPLAY'><font face = 'Arial'>"+leafdescription+"</font></a></nobr>";
         return retval;
    
    }
}


  var width = 400
  var height = 22
 
  var toggleImg = new String();
  var Maxleaves = 0;
 finalList = new List(true, width, height, bgColor);
 finalList.setFont("<FONT FACE='Arial' SIZE =3>","</FONT>");


 
// this function toggles the tree state 

 var toggle = true;
function toggleTreeState()
{
  
 document['toggle'].src = (!toggle)+'.gif';
   
    if(treeLoaded)
    {
    	for(var i=1; i<=finalList.types.length+2;i++)
		{
			 if(_mLists[i].visible)
			 {
			    toggle = false;
			    break;
			 
			 }
			 else
			 {
			 	toggle = true;
			 }
	
		}
		
		for(var j =1; j<=finalList.types.length+2;j++)
		
		{
			_mLists[j].visible = toggle;
			if(_mLists[j].onexpand != null) _mLists[j].onexpand(_mLists[j].id);
				_mLists[_mLists[j].pid].rebuild();
 			if(_mLists[j].postexpand != null) _mLists[j].postexpand(_mLists[j].id);
 					
		}
		
	}//if

}


function loadTree() 
{
 
 currentParent = new List(true,width,height,bgColor); 
 currentParent.setFont("<FONT FACE='Arial' SIZE =2>","</FONT>");
 dummyNode = new List(true,width,height,bgColor);
 dummyNode.setFont("<FONT FACE='Arial' SIZE =1>","</FONT>");
 
 finalList.setIndent(-1);
 for (var parents =0; parents < node.length; parents++)
 { 
		currentParent = new List(true,width,height,bgColor); 
		currentParent.setFont("<FONT FACE='Arial' SIZE =2>","</FONT>");
		
		currentParent.setIndent(4);
		for( var children =0; children<node[parents].child.length; children++)
		{
				//var htmlStr =getLeafHtml(node[parents].child[children].alink,node[parents].child[children].adesc);
				var htmlStr = "&nbsp;&nbsp;<img src='line.gif'>"
				htmlStr = htmlStr + getLeafHtml(node[parents].child[children].alink,node[parents].child[children].adesc);
				currentParent.addItem(htmlStr);
				Maxleaves++;
		}
		
		var htmlStrParent = getLeafHtml(node[parents].parent.alink,node[parents].parent.adesc,true);
		finalList.addList(currentParent,htmlStrParent);
		Maxleaves++;
}
	finalList.build(2,32);

	treeLoaded = true;
} // end of LoadTree() method

//displays the loaded tree using style sheets


var docMatter;
 var max = 98;
 var pageHeight = max * height ;
 docMatter='<STYLE TYPE="text/css">';
 docMatter+='#marg {margin-top:0;position: absolute; height:' + pageHeight +'}'; 
 docMatter+='body {margin-top:1; margin-left:2}'


for(var k =0; k<= max; k++)
{
	  docMatter+= '#lItem'+ k + ' {position:absolute; } ';
}

docMatter+='</STYLE>';
docMatter +='<body marginHeight =1 marginWidth = 2 ONLOAD="loadTree();" bgcolor = "'+bgColor+'">';
docMatter +='<a href = "javascript:toggleTreeState()"><img src ="true.gif" name = "toggle" border ="0"></a>';

docMatter +='<div ID="marg"></div>';
for(var k =0; k<= max; k++)
{
		
	  docMatter+= '<div id = "lItem'+k+'" name = "lItem' + k + '"></div>';
}

document.writeln(docMatter);
//-->
