var images = [ 'IMG_2736.jpg', 'IMG_2491.jpg', 'IMG_2492.jpg', 'IMG_2493.jpg', 'IMG_2494.jpg', 'IMG_2495.jpg', 'IMG_2496.jpg', 'IMG_2498.jpg', 'IMG_2557.jpg', 'IMG_2559.jpg', 'IMG_2563.jpg', 'IMG_2565.jpg', 'IMG_2566.jpg', 'IMG_2571.jpg', 'IMG_2572.jpg', 'IMG_2576.jpg', 'IMG_2583.jpg', 'IMG_2690.jpg', 'IMG_2695.jpg', 'IMG_2699.jpg', 'IMG_2700.jpg', 'IMG_2701.jpg', 'IMG_2705.jpg', 'IMG_2713.jpg', 'IMG_2717.jpg', 'IMG_2720.jpg', 'IMG_2725.jpg', 'IMG_2728.jpg', 'IMG_2729.jpg', 'IMG_2730.jpg', 'IMG_2733.jpg', 'IMG_2734.jpg', 'IMG_2742.jpg', 'IMG_2743.jpg', 'IMG_2744.jpg', 'IMG_2745.jpg', 'IMG_2746.jpg', 'IMG_2747.jpg', 'IMG_2748.jpg' ];
var thumbs = [ 'TMB_2736.jpg', 'TMB_2491.jpg', 'TMB_2492.jpg', 'TMB_2493.jpg', 'TMB_2494.jpg', 'TMB_2495.jpg', 'TMB_2496.jpg', 'TMB_2498.jpg', 'TMB_2557.jpg', 'TMB_2559.jpg', 'TMB_2563.jpg', 'TMB_2565.jpg', 'TMB_2566.jpg', 'TMB_2571.jpg', 'TMB_2572.jpg', 'TMB_2576.jpg', 'TMB_2583.jpg', 'TMB_2690.jpg', 'TMB_2695.jpg', 'TMB_2699.jpg', 'TMB_2700.jpg', 'TMB_2701.jpg', 'TMB_2705.jpg', 'TMB_2713.jpg', 'TMB_2717.jpg', 'TMB_2720.jpg', 'TMB_2725.jpg', 'TMB_2728.jpg', 'TMB_2729.jpg', 'TMB_2730.jpg', 'TMB_2733.jpg', 'TMB_2734.jpg', 'TMB_2742.jpg', 'TMB_2743.jpg', 'TMB_2744.jpg', 'TMB_2745.jpg', 'TMB_2746.jpg', 'TMB_2747.jpg', 'TMB_2748.jpg' ];

function highlightHeaderTD(tab, hl) {

  if (hl) {
    tab.className='headerlinkOver';
    tab.bgColor='EAEAEA';
    tab.fgColor='1E2742';
  } else {
    tab.className='headerlink';
    tab.bgColor='1E2742';
    tab.fgColor='FFFF00';
  }
}

function highlightHeaderA(tab, hl) {

  if (hl) {
    tab.className='headerlinkOver';
  } else {
    tab.className='headerlink';
  }
}

function printMenu(n, k) {

  classes = [ 'headerlink', 'headerlink', 'headerlink', 'headerlink', 'headerlink', 'headerlink' ];
  bgcolors = [ '1E2742', '1E2742', '1E2742', '1E2742', '1E2742', '1E2742' ];
  onmouseouts = [ false, false, false, false, false, false ];
  if (n >= 0) {
    classes[n] = 'headerlinkOver';
    bgcolors[n] = 'EAEAEA';
    onmouseouts[n] = true;
  }

  document.write("<TABLE BGCOLOR=1E2742 CELLPADDING=3 CELLSPACING=0 WIDTH=800 HEIGHT=25>");
  document.write("  <TR>");
  document.write("    <TD ALIGN=LEFT>");
  document.write("      <TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>");
  document.write("        <TR>");
  document.write("          <TD ID=\"menu0\" CLASS=\"" + classes[0] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[0] + ")\"><A CLASS=\"" + classes[0] + "\" HREF=\"index.html\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[0] + ")\">&nbsp;&nbsp;&nbsp; Home &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("          <TD ID=\"menu1\" CLASS=\"" + classes[1] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[1] + ")\"><A CLASS=\"" + classes[1] + "\" HREF=\"javascript:openMenu(1);\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[1] + ")\">&nbsp;&nbsp;&nbsp; Announcements &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("          <TD ID=\"menu2\" CLASS=\"" + classes[2] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[2] + ")\"><A CLASS=\"" + classes[2] + "\" HREF=\"openpositions.html\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[2] + ")\">&nbsp;&nbsp;&nbsp; Open Positions &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("          <TD ID=\"menu3\" CLASS=\"" + classes[3] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[3] + ")\"><A CLASS=\"" + classes[3] + "\" HREF=\"javascript:openMenu(3);\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[3] + ")\">&nbsp;&nbsp;&nbsp; Publications &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("        </TR>");
  document.write("      </TABLE>");
  document.write("    </TD>");
  document.write("    <TD ALIGN=RIGHT>");
  document.write("      <TABLE CELLPADDING=0 CELLSPACING=0>");
  document.write("        <TR>");
  document.write("          <TD ID=\"menu4\" CLASS=\"" + classes[4] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[4] + ")\"><A CLASS=\"" + classes[4] + "\" HREF=\"aboutus.html\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[4] + ")\">&nbsp;&nbsp;&nbsp; About Us &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("          <TD ID=\"menu5\" CLASS=\"" + classes[5] + "\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, " + onmouseouts[5] + ")\"><A CLASS=\"" + classes[5] + "\" HREF=\"contact.html\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, " + onmouseouts[5] + ")\">&nbsp;&nbsp;&nbsp; Contact &nbsp;&nbsp;&nbsp;</A></TD>");
  document.write("        </TR>");
  document.write("      </TABLE>");
  document.write("    </TD>");
  document.write("  </TR>");
  document.write("  <TR>");
  document.write("    <TD COLSPAN=2 ID=\"submenu\" CLASS=\"headerlink\">&nbsp;</TD>");
  document.write("  </TR>");
  document.write("</TABLE>");

  if (k > -1) {
    openMenu(n, k);
  }
}

function openMenu(n, k) {

  if (n == 1) {
    ihtml = "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0><TR>";
    ihtml += createSubMenu(0, "General Announcements", "general_announcements.html", k == 0);
    ihtml += createSubMenu(1, "SERC School Announcements", "serc_announcements.html", k == 1);
    ihtml += createSubMenu(2, "CMS Newsletter", "cms_newsletter.html", k == 2);
    ihtml += "</TR></TABLE>";
    document.getElementById("submenu").innerHTML = ihtml;
  } else if (n == 3) {
    ihtml = "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0><TR>";
    ihtml += createSubMenu(0, "CMS Publications", "cms_publications.html", k == 0);
    ihtml += createSubMenu(1, "CMS Lecture Notes", "cms_lecture_notes.html", k == 1);
    ihtml += "</TR></TABLE>";
    document.getElementById("submenu").innerHTML = ihtml;
  } else {
    document.getElementById("submenu").innerHTML = "";
  }
}

function createSubMenu(id, label, link, lit) {

  if (lit) {
    return "<TD NAME=\"submenu" + id + "\" CLASS=\"headerlinkOver\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, true)\"><A CLASS=\"headerlinkOver\" HREF=\"" + link + "\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, true)\">&nbsp;&nbsp;&nbsp; " + label + " &nbsp;&nbsp;&nbsp;</A></TD>";
  } else {
    return "<TD NAME=\"submenu" + id + "\" CLASS=\"headerlink\" onMouseOver=\"highlightHeaderTD(this, true)\" onMouseOut=\"highlightHeaderTD(this, false)\"><A CLASS=\"headerlink\" HREF=\"" + link + "\" onMouseOver=\"highlightHeaderA(this, true)\" onMouseOut=\"highlightHeaderA(this, false)\">&nbsp;&nbsp;&nbsp; " + label + " &nbsp;&nbsp;&nbsp;</A></TD>";
  }
}

function printGallery() {

  document.write("<TR>");

  for (i = 0; i < thumbs.length; i++) {
    if ((i % 2 == 0) && (i > 0)) {
      document.write("</TR>");
    }
    document.write("<TD><A HREF=\"pics/" + images[i] + "\"><IMG SRC=\"pics/" + thumbs[i] + "\" BORDER=1></A></TD>");
  }

  document.write("</TR>");
}