manual_toc.js 2.32 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
function initializeTocToggles()
{
    var container = new Element('div', {
        'id': 'toc-toggles'
    });

    container.injectTop($('table-of-contents'));
    $('table-of-contents').setStyle('padding-top', '0');
    
    var hideToggle = new Element('a', {
        'href': 'javascript:void(0);',
        'events': {
            'click': function() {
                var toc = $E('ul', 'table-of-contents');

                if (toc.getStyle('display') == 'none') {
                    this.setHTML(tocHideText);
                    toc.setStyle('display', 'block');
                    stickyToggle.setStyle('display', 'inline');
                    Cookie.set('hidetoc', 0, {duration: 1000});
                } else {
                    this.setHTML(tocShowText);
                    toc.setStyle('display', 'none');
                    stickyToggle.setStyle('display', 'none');
                    Cookie.set('hidetoc', 1, {duration: 1000});
                }
            }
        }
    });
    
    var stickyToggle = new Element('a', {
        'href': 'javascript:void(0);',
        'events': {
            'click': function() {
                var wrap = $('wrap');
                
                if ( ! wrap.hasClass('sticky-toc')) {
                    this.setHTML(tocUnstickyText);
                    wrap.addClass('sticky-toc');
                    hideToggle.setStyle('display', 'none');
                    Cookie.set('stickytoc', 1, {duration: 1000});
                } else {
                    this.setHTML(tocStickyText);
                    wrap.removeClass('sticky-toc');
                    hideToggle.setStyle('display', 'inline');
                    Cookie.set('stickytoc', 0, {duration: 1000});
                }
            }
        }
    });
    
    hideToggle.setHTML(tocHideText);
    hideToggle.injectInside(container);
    
    stickyToggle.setHTML(tocStickyText);
    stickyToggle.injectInside(container);
    
    if (Cookie.get('hidetoc') == 1) {
        hideToggle.fireEvent('click');
        stickyToggle.setStyle('display', 'none');
    }
    
    if (Cookie.get('stickytoc') == 1) {
        stickyToggle.fireEvent('click');
        hideToggle.setStyle('display', 'none');
    }
}

window.addEvent('domready', function() {
    initializeTocToggles();
});

window.addEvent('domready', function() {
    new SmoothScroll();
});