// show/hide faq answers
function showhide(e)
{
    // get the element that received the click
    var elm = Event.element(e);
    // bubble up until we have the container
    while (!Element.hasClassName(elm, 'faq')) {
        elm = elm.parentNode;
    }
    // find the answers within the container
    // can be more than one
    var answers = document.getElementsByClassName('answer', elm);
    answers.each(function(a) {
        // if it's already visible, hide it
        if (a.visible()) {
            a.hide();
            elm.removeClassName('highlight');
        }
        // otherwize, show it
        else {
            a.show();
            elm.addClassName('highlight');
        }
    });    
    // stop the event from bubbling any further
    Event.stop(e);
}

// set up actions
function init()
{
    // get all faq links
    var faq = document.getElementsByClassName('showhide');
    faq.each(function(t) {
        // attach a handler that shows or hides the answer
        Event.observe(t, 'click', showhide);
    });
    var answer = document.getElementsByClassName('hide');
    answer.each(function(t) {
        // attach a handler that shows or hides the answer
        Event.observe(t, 'click', showhide);
    });
}

// initialize page on load
Event.observe(window, 'load', init);