function createToc(pages) {
    var tdiv = document.getElementById('toc');
    if (tdiv) {
        var header = tdiv.appendChild(document.createElement('span'));
        // header.onclick = showhideToc;
        header.id = 'tocheader';
        header.innerHTML = 'Contents';

        var tul = tdiv.appendChild(document.createElement('ul'));
        tul.id = 'innertoc';

        for (key in pages) {
            var link = tul.appendChild(document.createElement('li')).appendChild(document.createElement('a'));
            link.innerHTML = pages[key];
            link.className = 'tocLink';
            link.href = '#' + key;
        }

        // showhideToc();
    }
}

var TocState = 'none';

function showhideToc() {
    TocState = (TocState == 'none') ? 'block' : 'none';
    var newText = (TocState == 'none') ? 'show page contents' : 'hide page contents';
    document.getElementById('tocheader').innerHTML = newText;
    document.getElementById('innertoc').style.display = TocState;
}