window.addEvent('domready', function(){
    
    $$('.folders .content').setStyles({
        'height': 0,
        'opacity': 0
    }).set('morph', {
        duration: 300,
        transition: 'back:in',
        'onComplete': function(){
            this.element.getParent('.folder').toggleClass('opened-folder');
        }
    });
    
    
    
    $$('.folders h4 a').addEvent('click', function(){
        var fold = this.getParent('.folder');
        var content = this.getParent('.folder').getElements('.content')[0];
        
        if(!fold.hasClass('opened-folder')){
            if(Browser.Engine.trident)
            content.setStyle('height', content.getScrollSize().y);
            content.morph({'height': content.getScrollSize().y, 'opacity': 1});
        }
        else {
            content.morph({'height': 0, 'opacity': 0});
        }
        
        return false;
        
    });
    
});