/* showhide.js
 * show or hide an element on a page
 * 20 july 2008
 *
 * TO USE:
 *   1. call this script in head of your page.
 *   2. In the stylesheet for the page, have a class for the shown/hidden
 *        elements that starts them out as display: none;
 *   3. Wherever you want a show/hide link, make like this:
 *        <a href="#" onclick="showhide('element_tag'); return(false);">show/hide</a>
 *        where 'element_tag' matches the id of the element you want to show or hide.
 *
 */

var state = 'none';

function showhide(layer_ref){
    if (state == 'block') {
        state = 'none';
    } else {
        state = 'block';
    }
    if (document.all) { //IS IE 4 or 5 (or 6 beta)
        eval("document.all." +layer_ref+ ".style.display = state");
    }
    if (document.layers) { //IS NETSCAPE 4 or below
        document.layers[layer_ref].display = state;
    }
    if (document.getElementById &&!document.all) {
        hza = document.getElementById(layer_ref);
        hza.style.display = state;
    }
} 
/* e o f */