function hoveron(elem) {
    elem.className += ' mouse_over';
}
function hoveroff(elem) {
    elem.className = elem.className.replace('mouse_over', '');
}
function toggleitem(id) {
    var elem;
    var elem_heading;

    elem = document.getElementById(id);
    elem_heading = document.getElementById(id + "_heading");

    if (elem.className.match('_on') != null) {
        elem.className = elem.className.replace('_on', '_off');
        elem_heading.className = elem_heading.className.replace('_on', '_off');
    } else if (elem.className.match('_off') != null) {
        elem.className = elem.className.replace('_off', '_on');
        elem_heading.className = elem_heading.className.replace('_off', '_on');
    }
}