/*var img = new Element('img');

img.src = '${pageContext.request.contextPath}/images/arrow_down_green.gif';    */

window.addEventMoo('domready', function() {

    var menu = $('menu');
   // var togglers = $ES('li.toggler', 'ul.leftnav');
    var togglers = $$('ul.leftnav')[0].getElements('li.toggler');

    var togglerButtons = [];
    var subs = [];
    togglers.each(function(toggler, index) {
        //if ($E('ul', toggler)) {
        if( toggler.getElement('ul')){
            subs[index] = toggler.getElement('ul');
            togglerButtons[index] = toggler.getElement('a');
            togglerButtons[index].href = 'javascript:void(0)';
            /* if(!subs[index].hasClass('opened')){
               subs[index].toggleClass('closed');
           } */
            togglerButtons[index].addEventMoo('click', toggle.bindWithEvent(togglerButtons[index], index, toggler));
        }
    });
    function toggle(event, i, li) {
        subs.each(function(sub, index){
            if ($(sub)) {
                togglerButtons[index].removeClass('expanded');
                if (!sub.hasClass('closed')) {
                    //alert('h')
                    sub.toggleClass('closed')
                    if (i === index) {
                        sub.addClass('closed');
                        return null;
                    };
                };
                if (i === index) {
                    togglerButtons[index].addClass('expanded');
                    sub.removeClass('closed');
                }
            }
        });
    };


   

});