function active(ref, selected) {

   ref.style.color  = (selected ? "yellow" : "black");
   ref.style.cursor = "pointer";        
}

function inactive(ref) {
   ref.style.color   = "white";
   ref.style.cursor  = "default";        
}

function loadPage(url) { window.location.href = url; }

function credits() {
   var m = "< WEBSITE DESIGN CREDITS >\n\n" +
           "James E. Thayer, M.A. Candidate\n"    +
           "History Dept., UMass Boston\n"        +
           "Email: james.thayer001@umb.edu\n"

   window.alert(m);
}

function build(links) {

   var i;
   var j;
   var flag = false;
   var cellColor;

   document.writeln('<table cellspacing="0">');

   for(i = 0, j = 0; i < links.length; i++) {
      if(links[i].charAt(0) != "#") {
         cellColor = (flag ? '"#F5FAFF"' : '"white"');
         document.writeln('<tr>' + '<td align="left" width="30" bgcolor=' + cellColor + '>' +
                          '<b>' + j++ + '.</b>' + '</td>' + '<td align="left" width="450" bgcolor=' + cellColor + '>' + 
                          links[i].substr(0, links[i].indexOf(':::')) + '</td>' + 
                          '<td bgcolor=' + cellColor + '>' + '<a href="' + 
                          links[i].substr(links[i].indexOf(':::') + 3)
                          + '" class="dlink" target="_blank">Website</a>' + '</td>' + '</tr>');

         flag = !flag;
      }
      else {
         document.writeln('<tr><td colspan="3" class="link-section-titles">' + 
                           links[i].substr(1) + '</td></tr>');

         flag = false;
      }
   }

   document.writeln('</table>');
}

function writeContactData(rank, college, dept, office, phone, email, hours) {

   document.writeln('<table width="100%" align="center" cellspacing="0" cellpadding="4">');

   document.writeln('<tr class="lbbg"><td align="right" class="ci">Rank:</td><td align="left" class="cid">'
                    + rank + '</td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" class="ci">College:</td><td align="left" class="cid">'
                    + college + '</td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" class="ci">Department:</td><td align="left" class="cid">'
                    + dept + '</td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" class="ci">Office:</td><td align="left" class="cid">'
                    + office + '</td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" class="ci">Phone:</td><td align="left" class="cid">'
                    + phone + '</td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" valign="top" class="ci">Email:</td><td align="left" class="cid">'
                    + '<a href="mailto:' + email + '" class="dlink">' + email + 
		      '</a><br /><small><b>(replace [at] with @)</b></small></td></tr>');
   document.writeln('<tr class="lbbg"><td align="right" class="ci">Hours:</td><td align="left" class="cid">'
                    + hours + '</td></tr>');

   document.writeln('</table>');
}