//
//
// sidebar.js
//
// Generate sidebar for pages using array of pages and subsections.
//

var NUMPAGES = 4;
var ABOUTPAGE = 0;
var RESPAGE = 1;
var BLOGPAGE = 2;
var PERSPAGE = 3;

var pageArray = new Array(NUMPAGES);
var pageImages = new Array(NUMPAGES);
var urlArray = new Array(NUMPAGES);

pageImages[0] = "../images/abtbut.gif";
pageImages[1] = "../images/resbut.gif";
pageImages[2] = "../images/blgbut.gif";
pageImages[3] = "../images/perbut.gif";

pageArray[ABOUTPAGE] = new Array("About", "Bio", "Contact", "Vita");
pageArray[RESPAGE]   = new Array("Research", "Projects", "Publications", "Talks");
pageArray[BLOGPAGE]  = new Array("Blog", "Archives", "Research", "Journal", "News");
pageArray[PERSPAGE]  = new Array("Personal", "Photos", "Misc");

urlArray[ABOUTPAGE] = new Array("#", "../about/bio.html", "../about/contact.html", "../docs/cv-web.htm");
urlArray[RESPAGE]   = new Array("#", "../research/projects.html", "../research/publications.html", "../research/talks.html");
urlArray[BLOGPAGE]  = new Array("http://jtblog.typepad.com/jtblog",
                                "http://jtblog.typepad.com/jtblog/archives.html",
                                "http://jtblog.typepad.com/jtblog/research/index.html",
                                "http://jtblog.typepad.com/jtblog/journal/index.html",
                                "http://jtblog.typepad.com/jtblog/news/index.html");
urlArray[PERSPAGE]  = new Array("#", "http://photos.yahoo.com/~jtullio", "../personal/misc.html");

var sideHTML = "";

function buildSidebar(selPage, selItem) {

  sideHTML += '<div class="sidebar">\n';

  sideHTML += '<div class="sidetop">\n';
  sideHTML += '<img src="../images/tl_corner.jpg" width="15" height="15" class="barcorner">'; // style="display:none">';
  sideHTML += '</div>';

  sideHTML += '<table width="100%" cellpadding="7" cellspacing="0" border="0" class="sidebar">\n';
  
  for (curPage=0; curPage < pageArray.length; curPage++) {  
    sideHTML += '<tr class="sidehead">\n';

    sideHTML += '<td class="' + ((pageArray[curPage][0] == selPage) ? 'sideheadsel' : 'sidehead') + '">'
    sideHTML += '<img class="sidebar" border="0" align="top" src="' + pageImages[curPage] + '" />&nbsp;&nbsp;';
    if ((urlArray[curPage][0] == "#")  || (selPage == curPage)) {
      sideHTML += '<span class="sidebar">' + pageArray[curPage][0] + '</span>\n';
    }
    else {
      sideHTML += '<a class="sidebar"';
      if (urlArray[curPage][0].substring(0,4) == "http")
        sideHTML += ' target="_blank"'; 
      sideHTML += ' href="' + urlArray[curPage][0] + '">';
      sideHTML += pageArray[curPage][0] + '</a>';
    }
    sideHTML += '</td></tr>\n';

    sideHTML += '<tr><td>\n';	
    sideHTML += '<table cellpadding="5" cellspacing="0" width="100%" border="0" class="sideels">\n'; 
    for (j=1; j < pageArray[curPage].length; j++) {
      sideHTML += '<tr><td class="';

      if ((pageArray[curPage][0] == selPage) && (pageArray[curPage][j] == selItem)) {
        sideHTML += 'sideels-sel">-&nbsp;';
        sideHTML += '<span class="sidebar">' + pageArray[curPage][j] + '</span>';
      }
      else {
        sideHTML += 'sideels">-&nbsp;';
        sideHTML += '<a class="sidebar" ';
        if (urlArray[curPage][j].substring(0,4) == "http")
          sideHTML += ' target="_blank"'; 

        sideHTML += ' href="' + urlArray[curPage][j];
        sideHTML += '">' + pageArray[curPage][j] + '</a>';
      }
      sideHTML += '</td></tr>\n';
    }
    sideHTML += '</tr></td>\n';
    sideHTML += '</table>\n';

    if (curPage < pageArray.length-1) {
      sideHTML += '<tr class="sidebar">\n';
      sideHTML += '<td><img width="140" src="../images/sidesep.jpg" /></td>\n';
      sideHTML += '</tr>\n';
    }

  }

  sideHTML += '</table>\n';

  sideHTML += '<div class="sidebottom">\n';
  sideHTML += '<img src="../images/bl_corner.jpg" width="15" height="15" class="barcorner">'; // style="display:none">';
  sideHTML += '</div>';
  sideHTML += '</div>\n';

  return sideHTML;
}