/* 
 * Handles the menu
 * 
 */

Event.observe(window, 'load', init);

function init()
{
    expanders = $$('.expander');
    for(i = 0; i < expanders.length; i++)
    {
        expanders[i].observe('click', expanderClick);
    }
}

function expanderClick(event)
{
    // NOTE: This needs to be defined with var or it won't work in IE
    var parent = event.element(event).up();
   
    if(parent.hasClassName('expanded'))
    {
        parent.removeClassName('expanded');
        parent.addClassName('collapsed');
    }
    else if(parent.hasClassName('collapsed'))
    {
        parent.removeClassName('collapsed');
        parent.addClassName('expanded');
    }

}