// JavaScript Document

function enumerateChildNodes(id) // for testing
{
	//var childNodeArray = document.getElementById('id').childNodes;
	// or
	//var childNodeArray = document.getElementById('id').getElementsByTagName('*');
	//Note that there is a difference between the above two : the first returns the list of direct descendants, while the second returns a list of all descendants.
	
   document.write('Children of ' + id + ':<br>');
   var childNodeArray = document.getElementById(id).getElementsByTagName('*');
   childNodeArray[2].style.display = 'block';
   
   for(i=0;i<childNodeArray.length;i++) {  
     document.write('child #' + i + '<br>');
     document.write('id=' + childNodeArray[i].id + '<br>');
     document.write('className=' + childNodeArray[i].className + '<br>');
     document.write('tagName=' + childNodeArray[i].tagName + '<br>');
     document.write('src=' + childNodeArray[i].src + '<br>');
     document.write('style.display=' + childNodeArray[i].style.display + '<br>');
     document.write('<br>');
   }
   document.write('<br>');
}

function getChildNode(id) // for testing
{
   document.write('Child of ' + id + ':<br>');
   var childNode = document.getElementById(id).getElementById('box');
   //childNode.style.display = 'block';
   
     document.write('id=' + childNode.id + '<br>');
     document.write('className=' + childNode.className + '<br>');
     document.write('tagName=' + childNode.tagName + '<br>');
     document.write('style.display=' + childNode.style.display + '<br>');
     document.write('<br>');

document.write('<br>');
}


function toggleBox(id)
	{
	var box = document.getElementById(id + 'b');
	var toggle = document.getElementById(id + '-toggle');
	
	if(box.style.display == 'none' || box.style.display == '')
		{
		box.style.display = 'block';
		toggle.src = 'images/drop-down-toggle-minus.png';
		}
	else
		{
		box.style.display = 'none';
		toggle.src = 'images/drop-down-toggle-plus.png';
		}
	}
	
function setDisplay(id, display)
	{
	document.getElementById(id).style.display = display;
	}