 <!--
 
/*******************************************************
 * Toggle functions Copyright © 2004 Ragbert®          *
 * Latest revision:  April 2004                        *
 * http://www.ragbert.com                              *
 * Please include this notice                          * 
 *  if you find the script useful.  Thank you!         *
 *******************************************************/
 
 var isDOM1 = document.getElementById && !document.all;
 var isIE56 = document.getElementById && document.all;
 var isIE4 = document.all;
 var isNS4x = document.layers;
 
 function toggleDisplay(detailID) {
   if (isDOM1 || isIE56) {
     target = document.getElementById(detailID);
   }
   else if (isIE4) {
     target = document.all[detailID];
   }   
   else if (isNS4x) {
     alert('Your browser is too old to understand the DHTML on this page.\nAn upgrade to a DOM-capable browser is strongly advised.');
   }
   else {
     document.writeln('<style type=\"text/css\">');
     document.writeln('#rec ul ul {display: block;}');
     document.writeln('</style>');
     return false;
   }
     
   if (target.style.display == 'block') {
     target.style.display = 'none';
   } else {
     target.style.display = 'block';
     target.style.listStyle = 'square';
   }
 }
 
 /***********************************************/
 // toggle the whole page on and off
 function toggleAll(tagName,className,styleProp1,styleProp2,propValue1,propValue2,detailID) {
   if (isDOM1) {
   // if (document.getElementById) {
     tags = document.getElementsByTagName(tagName);
   }
   else if (isIE56) {
     target = document.getElementById(detailID);
     tags = document.getElementsByTagName(tagName);
   }
   else if (isIE4) {
     tags = (document.all(detailID).tagName = 'ul');
   }
   else return false;
   
   for(i = 0; i < tags.length; i++) {
     target = tags[i].className;       
     if (target == className) {
       tags[i].style[styleProp1] = propValue1;
       tags[i].style[styleProp2] = propValue2;
     }
   }
 }
 
 /***********************************************/
 // change link text when page is on or off
 function replaceDiv(thisID,thatID) {
   if (isDOM1) {
     document.getElementById(thisID).style.display = 'none';
     document.getElementById(thatID).style.display = 'block';
   }
   else if (isIE4) {
     document.all[thisID].style.display = 'none';
     document.all[thatID].style.display = 'block';
   }
   else return false;
 }
 
 /***********************************************/
 // Create toggleAll divs with the links
 function createToggleAllDivs() {
   document.writeln('<div id="toggleAll1" title="View all page info, requires Javascript and CSS enabled.">');   document.writeln('[<a href="#" onclick="toggleAll(\'ul\',\'all\',\'display\',\'listStyle\',\'block\',\'square\'); replaceDiv(\'toggleAll1\',\'toggleAll2\'); return false;">Toggle All On</a>]');
   document.writeln('</div>');
   
   document.writeln('<div id="toggleAll2" title="View all page info, requires Javascript and CSS enabled.">');   document.writeln('[<a href="#" onclick="toggleAll(\'ul\',\'all\',\'display\',\'listStyle\',\'none\',\'circle\'); replaceDiv(\'toggleAll2\',\'toggleAll1\'); return false;">Toggle All Off</a>]');
   document.writeln('</div>');
 }
   
 // Create initial display: none; style for hidden items (NS4x does NOT see this)
 function classAllNoDisplay() {
   document.writeln('<style type=\"text/css\">');
   document.writeln('#rec ul ul,.all {/*/*/display: none; /* */');
   document.writeln('</style>');
 }


 // -->
