var atSymbol = "...";

function makePeopleList(which)
{
  if(which == "faculty")
  {
    document.write('<div class="table" id="faculty">');
    document.write('<fieldset><legend>Faculty</legend>');
    document.write('<table class="peopletable" style="width: 90%;">');
    document.write('<tbody>');
    document.write('<tr class="light first"><td></td><td>Name</td><td class="office">Office</td><td class="phone">Phone</td><td class="email">E-mail</td></tr>');

    var flag = 1;
    for(var n in faculty)
    {
      if(flag == 0)
      {
        document.write('<tr class="light">');
        flag++;
      }
      else
      {
        document.write('<tr class="dark">');
        flag--;
      }
        if(faculty[n][7] == "")
        {
          document.write('<td class="www"></td>')
        }
        else
        {
          document.write("<td class='www'><a href='" + faculty[n][7] + "'><img style='border:0' src='../../../graphics/people/house3.png' onmouseover=\"this.style.border='1px solid black';\" onmouseout=\"this.style.border='0px';\" /></a></td>")
        }
        document.write('<td class="verylongname">' + faculty[n][0] + ' ' + faculty[n][1]);
        if(faculty[n][2] != "")
        {
          document.write('<span class="job">&nbsp;&nbsp;&nbsp;&nbsp;' + faculty[n][2] + '</span>');
        }
        document.write('</td>');
        document.write('<td class="office">' + faculty[n][3] + '</td>');
        document.write('<td class="phone">' + faculty[n][4] + '</td>');
        if(faculty[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + faculty[n][5] + atSymbol + faculty[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table>');
    document.write('</fieldset></div>');
  }  // faculty
  else if(which == "postdocs")
  {
    document.write('<div class="table" id="postdocs">');
    document.write('<fieldset><legend>Postdocs and Visitors</legend>');
    document.write('<table class="peopletable" style="width: 90%;">');
    document.write('<tbody>');
    document.write('<tr class="light first"><td></td><td>Name</td><td class="office">Office</td><td class="phone">Phone</td><td class="email">E-mail</td></tr>');

    var flag = 1;
    for(var n in postdocs)
    {
      if(flag == 0)
      {
        document.write('<tr class="light">');
        flag++;
      }
      else
      {
        document.write('<tr class="dark">');
        flag--;
      }
        if(postdocs[n][7] == "")
        {
          document.write('<td class="www"></td>')
        }
        else
        {
          document.write("<td class='www'><a href='" + postdocs[n][7] + "'><img style='border:0' src='../../../graphics/people/house3.png' onmouseover=\"this.style.border='1px solid black';\" onmouseout=\"this.style.border='0px';\" /></a></td>")
        }
        document.write('<td class="name">' + postdocs[n][0] + ' ' + postdocs[n][1] + '</td>');
        document.write('<td class="office">' + postdocs[n][3] + '</td>');
        if(postdocs[n][4] == "")
        {
          document.write('<td></td>');
        }
        else
        {
          document.write('<td class="phone">' + postdocs[n][4] + '</td>');
        }
        if(postdocs[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + postdocs[n][5] + atSymbol + postdocs[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table>');
    document.write('</fieldset></div>');
  }  // postdocs

  else if(which == "staff")
  {
    document.write('<div class="table" id="staff">');
    document.write('<fieldset><legend>Staff</legend>');
    document.write('<table class="peopletable" style="width: 90%;">');
    document.write('<tbody>');
    document.write('<tr class="light first"><td>Name</td><td class="title"></td><td class="office">Office</td><td class="phone">Phone</td><td class="email">E-mail</td></tr>');

    var flag = 1;
    for(var n in staff)
    {
      if(flag == 0)
      {
        document.write('<tr class="light">');
        flag++;
      }
      else
      {
        document.write('<tr class="dark">');
        flag--;
      }
      document.write('<td class="name" style="width: 130px;">' + staff[n][0] + ' ' + staff[n][1] + '</td>');
        document.write('<td class="title">' + staff[n][2] + '</td>');
        document.write('<td class="office">' + staff[n][3] + '</td>');
        document.write('<td class="phone">' + staff[n][4] + '</td>');
        if(staff[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + staff[n][5] + atSymbol + staff[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table>');
    document.write('</fieldset></div>');
  }  // staff
  else if(which == "lecturers")
  {
    document.write('<div class="table" id="lecturers">');
    document.write('<fieldset><legend>Lecturers</legend>');
    document.write('<table class="peopletable" style="width: 70%;">');
    document.write('<tbody>');
    document.write('<tr class="light first"><td>Name</td><td class="office">Office</td><td class="email">E-mail</td></tr>');

    var flag = 1;
    for(var n in lecturers)
    {
      if(flag == 0)
      {
        document.write('<tr class="light">');
        flag++;
      }
      else
      {
        document.write('<tr class="dark">');
        flag--;
      }
      document.write('<td class="name">' + lecturers[n][0] + ' ' + lecturers[n][1] + '</td>');
        if(lecturers[n][3] == "")
        {
          document.write('<td class="office"></td>');
        }
        else
        {
          document.write('<td class="office">' + lecturers[n][3] + '</td>');
        }
        if(lecturers[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + lecturers[n][5] + atSymbol + lecturers[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table>');
    document.write('</fieldset></div>');
  }  // lecturers
  else if(which == "grads")
  {
    document.write('<div class="table" id="grads">');
    document.write('<fieldset><legend>Graduate Students</legend>');
    document.write('<table class="peopletable" style="width: 70%;">');
    document.write('<tbody>');
    document.write('<tr class="light first"><td></td><td>Name</td><td class="office">Office</td><td class="email">E-mail</td></tr>');

    var flag = 1;
    for(var n in grads)
    {
      if(flag == 0)
      {
        document.write('<tr class="light">');
        flag++;
      }
      else
      {
        document.write('<tr class="dark">');
        flag--;
      }
        if(grads[n][7] == "")
        {
          document.write('<td class="www"></td>')
        }
        else
        {
          document.write("<td class='www'><a href='" + grads[n][7] + "'><img style='border:0' src='../../../graphics/people/house3.png' onmouseover=\"this.style.border='1px solid black';\" onmouseout=\"this.style.border='0px';\" /></a></td>")
        }
        document.write('<td class="name">' + grads[n][0] + ' ' + grads[n][1] + '</td>');
        if(grads[n][3] == "")
        {
          document.write('<td class="office"></td>');
        }
        else
        {
          document.write('<td class="office">' + grads[n][3] + '</td>');
        }
        if(grads[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + grads[n][5] + atSymbol + grads[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table>');
    document.write('</fieldset></div>');
  }  // grads
}
//
// Code for printer-friendly version...
//
function makeSimplePeopleList(which)
{
  if(which == "faculty")
  {
    var data = faculty;
    var heading = "Faculty";
  }
  else if(which == "postdocs")
  {
    var data = postdocs;
    var heading = "Postdocs and Visitors";
  }
  else if(which == "staff")
  {
    var data = staff;
    var heading = "Staff";
  }
  else if(which == "lecturers")
  {
    var data = lecturers;
    var heading = "Lecturers";
  }
  else if(which == "grads")
  {
    var data = grads;
    var heading = "Graduate Students";
  }

    document.write('<div class="table">');
    document.write('<table class="simplepeopletable">');
    document.write('<tbody>');
    document.write('<td colspan="4" class="first">' + heading + '</td>');
    for(var n in data)
    {
      document.write('<tr>');
      document.write('<td class="name">' + data[n][0] + ' ' + data[n][1] + '</td>');
        if(data[n][3] == "")
        {
          document.write('<td class="office"></td>');
        }
        else
        {
          document.write('<td class="office">' + data[n][3] + '</td>');
        }
        if(data[n][4] == "")
        {
          document.write('<td class="phone"></td>');
        }
        else
        {
          document.write('<td class="phone">' + data[n][4] + '</td>');
        }
        if(data[n][5] == "")
        {
          document.write('<td class="email"></td></tr>');
        }
        else
        {
          document.write('<td class="email">' + data[n][5] + atSymbol + data[n][6] + '</td></tr>');
        }
    }

    document.write('</tbody></table></div>');
}