document.observe('dom:loaded', function() {
    
    $$('.page-tab').each(function(tabNode) {
        var currentTabNode = tabNode;
        
        currentTabNode.select('.toggle-link').each(function(toggleLink){

            $(toggleLink).observe('click', function(event) {

                // Avoid graphical artifacts on clicked link
                Event.element(event).parentNode.blur();
                var content = currentTabNode.select('.content')[0];
                var closedtoggle = currentTabNode.select('.close.toggle-link')[0];

                if (currentTabNode.hasClassName('open')) {
                    // Close animation
                    jQuery(closedtoggle).fadeOut(100, function() {
                        jQuery(content).animate({marginLeft: '-200px'});
                        jQuery(currentTabNode).removeClass('open');
                    });

                    

                } else {
                    // Open animation
                    jQuery(content).animate({marginLeft: '0px'}, function() {
                        jQuery(closedtoggle).fadeIn(100);
                    });

                    jQuery(currentTabNode).addClass('open');
                }

                // Stop the event propagation
                Event.stop(event);
            });

        });
    })
})