/**
 * this is used to create the hide/show effect for the expanders.
 * elements using this feature must use the classnames
 * "expander-shown" and "expander-hidden"
 *
 * id - the id tag of an element
 */
function toggleExpander(id) {
  jQuery(id).toggle("fast");
    /*var elem = document.getElementById(id);
    var elemClasses = new Array();
    elemClasses = elem.className.split(' ');

    for (i = 0; i < elemClasses.length; i++) {
        if (elemClasses[i] == "expander-shown" || elemClasses[i] == "expander-hidden") {
            if (elemClasses[i] == "expander-shown") {
                elemClasses[i] = "expander-hidden";
            } else {
                elemClasses[i] = "expander-shown";
            }
        }
    }

    elem.className = elemClasses.join(' ');*/
}