window.addEvent('domready', function() {
    
    // Fetch all sliding slaves
    var masters = $$('div.doc_titel');
    
    // Add toggle function to onclick handler
    masters.each (function(item, index) {
    
            // Fetch corresponding slave
            var slaveSlide = new Fx.Slide($(item.id + '_s'));
            var status = false;
            var arrowDownSrc = 'fileadmin/templates/images/docs_arrow_down.png';
            var arrowLeftSrc = 'fileadmin/templates/images/docs_arrow_left.png';
            
            // Slide out
            slaveSlide.slideOut();
            
            // Add event handler click
            item.addEvent('click', function(e){
                    
                    e.stop();
                    slaveSlide.toggle();
                    
                    // Set status and change arrow
                    status = !status;
                    var img = item.getElements('img');
                    if (status) {
                            img.set('src', arrowDownSrc);
                    }
                    else {
                            img.set('src', arrowLeftSrc);
                    }
            });
            
            setTimeout(function() { $(item.id + '_s').setStyle('display', 'block'); }, 500);
            
    });
});