var openDiv0 = ""; 
var openDiv1 = "";
var openDiv2 = "";
var openDiv3 = "";
var openDiv4 = "";
//there can be up to four levels of depth, at each level there can only be one div open at a time
//newOpenDiv specifies which div to toggle
//newOpenDiv+level as a string represent the toggling div's id attribute
function handleClick(newOpenDiv, level) { 
	var oldDivId = "";
	var newDivId = newOpenDiv+level;

	if(level == "0"){ oldDivId = openDiv1; openDiv1 = newDivId;}
	if(level == "1"){ oldDivId = openDiv1; openDiv1 = newDivId;}
	if(level == "2"){ oldDivId = openDiv2; openDiv2 = newDivId;}
	if(level == "3"){ oldDivId = openDiv3; openDiv3 = newDivId;}
	if(level == "4"){ oldDivId = openDiv4; openDiv4 = newDivId;}
	
	if(document.getElementById(oldDivId))
		document.getElementById(oldDivId).style.display = 'none';
	if(document.getElementById(newDivId))
		document.getElementById(newDivId).style.display = 'block';
	
}


function handleImgClick(newOpenDiv, level, image){
	if(image.src == 'arrow.gif') image.src = 'downArrow.gif';
	if(image.src == 'downArrow.gif') image.src = 'arrow.gif';
}




function showform(nr) {
    if (document.layers)
      document.layers[nr].display = 'block';
    else if (document.all)
      document.all[nr].style.display = 'block';
    else if (document.getElementById)
      document.getElementById(nr).style.display = 'block';
  }

  
  function hideform(nr) {
    if (document.layers)
      document.layers[nr].display = 'none';
    else if (document.all)
      document.all[nr].style.display = 'none';
    else if (document.getElementById)
      document.getElementById(nr).style.display = 'none';
  }



function toggle( targetId ){
  if (document.getElementById){
        target = document.getElementById( targetId );
           if (target.style.display == "none"){
              target.style.display = "";
           } else {
              target.style.display = "none";
           }
     }
} 



//highlight links in an array
function highlightLinks(obj) {
	   var linkList = document.getElementById("topicLinks").getElementsByTagName("a");
	   for (i = 0; i < linkList.length; i++) {
		  linkList[i].className = "";
	   }
	   obj.className = "selected";
}

