var LINKS = [];

var ABSTRACT = null;

function writeSidebar() {
  if (ABSTRACT) {
    writeSideBox('abstract', 'Abstract', ABSTRACT, false);
  }

  var tocHtml = ['<ul class="sidebar-list">'];
  for (var i = 0; i < LINKS.length; i += 2) {
    var href = LINKS[i];
    // htmlDesc must already be HTML-escaped
    var htmlDesc = LINKS[i + 1];
    tocHtml.push('<li><a href="' + href + '">' + htmlDesc + '</a></li>');
  }
  tocHtml.push('</ul>');
  writeSideBox('toc', 'Table of contents', tocHtml.join(''), true);
}

function writeSideBox(boxId, boxTitle, boxContent, isListContent) {
  $(boxId).innerHTML = 
  '<div class="sidebar">' +
    '<div class="sidebar-header">' +
      '<div class="sidebar-header-inner">' + boxTitle + '</div>' +
    '</div>' +
    '<div class="sidebar-content">' +
      (isListContent ?
        '<div>' + boxContent + '</div>' :
        '<div class="sidebar-prose">' + boxContent + '</div>') +
      '</div>' +
    '</div>' +
  '</div>';
}

function $(id) {
  return document.getElementById(id);
}

window.onload = writeSidebar;