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

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

        for (key in pages) {
            var link = ldiv.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('contentheader').innerHTML = newText;
	document.getElementById('innertoc').style.display = TocState;
}