cannam@133: function initSidebar() { cannam@133: var filename = document.location.pathname; cannam@133: cannam@133: if (filename.slice(0, 5) == "/next") { cannam@133: filename = filename.slice(5); cannam@133: } cannam@133: cannam@133: if (filename == "/") { cannam@133: filename = "/index.html"; cannam@133: } else if (filename.slice(0, 6) == "/news/") { cannam@133: filename = "/news/"; cannam@133: } cannam@133: cannam@133: var menu = document.getElementById("menu"); cannam@133: var setMenuLayout = function() { cannam@133: if (window.innerWidth < 900) { cannam@133: document.body.className = "narrow"; cannam@133: menu.className = ""; cannam@133: } else { cannam@133: if (document.body.clientWidth < 1340) { cannam@133: document.body.className = "normal"; cannam@133: } else { cannam@133: document.body.className = "wide"; cannam@133: } cannam@133: cannam@133: var y = (window.pageYOffset !== undefined) ? window.pageYOffset : cannam@133: (document.documentElement || document.body.parentNode || document.body).scrollTop; cannam@133: cannam@133: if (y < 444 || window.innerHeight < menu.clientHeight + 100) { cannam@133: menu.className = ""; cannam@133: } else { cannam@133: menu.className = "floating"; cannam@133: } cannam@133: } cannam@133: }; cannam@133: setMenuLayout(); cannam@133: window.onresize = setMenuLayout; cannam@133: window.onscroll = setMenuLayout; cannam@133: cannam@133: var items = menu.getElementsByTagName("li"); cannam@133: var toc = null; cannam@133: for (var i = 0; i < items.length; i++) { cannam@133: var link = items[i].getElementsByTagName("a")[0]; cannam@133: var href = link.href; cannam@133: if (href.lastIndexOf(filename) >= 0) { cannam@133: var parent = link.parentNode; cannam@133: cannam@133: while (link.childNodes.length > 0) { cannam@133: var child = link.childNodes[0]; cannam@133: link.removeChild(child); cannam@133: parent.appendChild(child); cannam@133: } cannam@133: parent.removeChild(link); cannam@133: items[i].className = "selected"; cannam@133: toc = document.createElement("ul"); cannam@133: toc.id = "toc"; cannam@133: items[i].appendChild(toc); cannam@133: } cannam@133: } cannam@133: cannam@133: document.getElementById("main_content").style.minHeight = menu.clientHeight + 100 + "px"; cannam@133: cannam@133: return toc; cannam@133: } cannam@133: cannam@133: function setupSidebar() { cannam@133: var filename = document.location.pathname; cannam@133: cannam@133: if (filename.slice(0, 5) == "/next") { cannam@133: filename = filename.slice(5); cannam@133: } cannam@133: cannam@133: var isNews = filename.slice(0, 6) == "/news/"; cannam@133: cannam@133: var toc = initSidebar(); cannam@133: if (toc) { cannam@133: var content = document.getElementById("main_content").childNodes; cannam@133: var headings = []; cannam@133: cannam@133: for (var i = 0; i < content.length; i++) { cannam@133: if (content[i].tagName == "H2" || cannam@133: (!isNews && (content[i].tagName == "H3" || content[i].tagName == "H4"))) { cannam@133: headings.push(content[i]); cannam@133: } cannam@133: } cannam@133: cannam@133: var levels = [toc]; cannam@133: for (var i in headings) { cannam@133: var hl = headings[i].tagName.slice(1) - 1; cannam@133: while (hl > levels.length) { cannam@133: var parent = levels[levels.length - 1]; cannam@133: var item = parent.childNodes[parent.childNodes.length - 1]; cannam@133: var sublist = document.createElement("ul"); cannam@133: item.appendChild(sublist); cannam@133: levels.push(sublist); cannam@133: } cannam@133: while (hl < levels.length) { cannam@133: levels.pop(); cannam@133: } cannam@133: cannam@133: var parent = levels[levels.length - 1]; cannam@133: var item = document.createElement("li"); cannam@133: var p = document.createElement("p"); cannam@133: var link = document.createElement("a"); cannam@133: p.appendChild(document.createTextNode(headings[i].innerText || headings[i].textContent)); cannam@133: var hlinks = headings[i].getElementsByTagName("a"); cannam@133: if (hlinks.length == 1) { cannam@133: link.href = hlinks[0].href; cannam@133: } else { cannam@133: link.href = "#" + headings[i].id; cannam@133: } cannam@133: link.appendChild(p); cannam@133: item.appendChild(link); cannam@133: parent.appendChild(item); cannam@133: } cannam@133: } cannam@133: } cannam@133: cannam@133: function setupNewsSidebar(items) { cannam@133: var toc = initSidebar(); cannam@133: if (toc) { cannam@133: for (var i in items) { cannam@133: var item = document.createElement("li"); cannam@133: var p = document.createElement("p"); cannam@133: var link = document.createElement("a"); cannam@133: p.appendChild(document.createTextNode(items[i].title)); cannam@133: link.href = items[i].url; cannam@133: link.appendChild(p); cannam@133: item.appendChild(link); cannam@133: toc.appendChild(item); cannam@133: } cannam@133: } cannam@133: }