document.observe("dom:loaded", function() {
    $$('.handle').each(function(element){
        Event.observe(element, 'click', toggle_folder);
    });

    setClassNameToLastElement('.std p', 'sub-2-cols');
    setClassNameToLastElement('.std p', 'sub-3-cols');
    setClassNameToLastElement('.std p', 'sub-4-cols');
});

document.observe("dom:loaded", function() {
    $$('.handle-tab').each( function(element) {
      Event.observe(element, 'click', switchChannels);
    });
});

function switchChannels(event) {
    var element = event.element().up('a');
    var elements = $('handle-tabs').getElementsByTagName('a');
    
    if (!element.hasClassName('active')) {
        for (var i=0; i<elements.length; i++) {
            if(elements[i].id != element.id) {
                elements[i].removeClassName('active');
                $(elements[i].id + '-channels').removeClassName('active');
            }
            element.addClassName('active');
            $(element.id + '-channels').addClassName('active');
        }
    }
}

function toggle_folder(event) {
    var element = event.element().up('dl');
    if(!element.hasClassName('active')) {
        element.addClassName('active');
    } else {
        element.removeClassName('active');
    }
}

function setClassNameToLastElement(selectorContainer, subElementClassName){
    $$(selectorContainer).each(function(elt){
        $container = elt;
        $subElement = $container.getElementsByClassName(subElementClassName);
        var total = $subElement.length;
        if(total!=0){
            $subElement[total-1].addClassName(subElementClassName+'-last');
        }
    });
}