var std_submenu = 0;
var submenu_item = 0;
var submenu_path = '';

function setSubmenu(submenu) {
  for (var n = 0; n < 7; n++) {
    var elm = document.getElementById("menu" + n);
    if ((elm != null) && (n != std_submenu)) {
      if (n == submenu)
        elm.style.backgroundColor="#CCCCCC";
      else elm.style.backgroundColor="#FFFFFF";
    }
  }
  var html = "";
  switch(submenu) {
  case 0: // HOME
    html += "        <td width=\"848\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 1: // PROGRAM
    html += "        <td width=\"98\" class=\"submenu\">&nbsp;</td>\n";
    if ((submenu == std_submenu) && (submenu_item == 0))
      html += "        <td width=\"100\" class=\"submenu_selected\">COMP.ARCH</td>\n";
    else html += "        <td width=\"100\" class=\"submenu\"><a href=\"" + submenu_path + "comp arch.html\" class=\"submenu\">COMP.ARCH</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 1))
      html += "        <td width=\"116\" class=\"submenu_selected\">DOUBLE-DEGREE</td>\n";
    else html += "        <td width=\"116\" class=\"submenu\"><a href=\"" + submenu_path + "double degree.html\" class=\"submenu\">DOUBLE-DEGREE</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 2))
      html += "        <td width=\"132\" class=\"submenu_selected\">DESIGN + RESEARCH</td>\n";
    else html += "        <td width=\"132\" class=\"submenu\"><a href=\"" + submenu_path + "design_research.html\" class=\"submenu\">DESIGN + RESEARCH</a></td>\n";
    html += "        <td width=\"402\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 2: // STRUCTURE & COURSES
    html += "        <td width=\"200\" class=\"submenu\">&nbsp;</td>\n";
    if ((submenu == std_submenu) && (submenu_item == 0))
      html += "        <td width=\"132\" class=\"submenu_selected\">PROGRAM STRUCTURE</td>\n";
    else html += "        <td width=\"132\" class=\"submenu\"><a href=\"" + submenu_path + "program structure.html\" class=\"submenu\">PROGRAM STRUCTURE</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 1))
      html += "        <td width=\"92\" class=\"submenu_selected\">COURSES</td>\n";
    else html += "        <td width=\"92\" class=\"submenu\"><a href=\"" + submenu_path + "courses.html\" class=\"submenu\">COURSES</a></td>\n";
    html += "        <td width=\"424\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 3: // ADMISSION & FEES
    html += "        <td width=\"250\" class=\"submenu\">&nbsp;</td>\n";
    if ((submenu == std_submenu) && (submenu_item == 0))
      html += "        <td width=\"112\" class=\"submenu_selected\">APPLICATIONS</td>\n";
    else html += "        <td width=\"112\" class=\"submenu\"><a href=\"" + submenu_path + "application/index.php\" class=\"submenu\">APPLICATIONS</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 1))
      html += "        <td width=\"112\" class=\"submenu_selected\">REQUIREMENTS</td>\n";
    else html += "        <td width=\"112\" class=\"submenu\"><a href=\"" + submenu_path + "admission.html\" class=\"submenu\">REQUIREMENTS</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 2))
      html += "        <td width=\"112\" class=\"submenu_selected\">FEES & COSTS</td>\n";
    else html += "        <td width=\"112\" class=\"submenu\"><a href=\"" + submenu_path + "fees_costs.html\" class=\"submenu\">FEES & COSTS</a></td>\n";
    html += "        <td width=\"262\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 4: // PEOPLE & PLACES
    html += "        <td width=\"415\" class=\"submenu\">&nbsp;</td>\n";
    if ((submenu == std_submenu) && (submenu_item == 0))
      html += "        <td width=\"96\" class=\"submenu_selected\">RESEARCH</td>\n";
    else html += "        <td width=\"96\" class=\"submenu\"><a href=\"" + submenu_path + "research.html\" class=\"submenu\">RESEARCH</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 1))
      html += "        <td width=\"88\" class=\"submenu_selected\">PEOPLE</td>\n";
    else html += "        <td width=\"88\" class=\"submenu\"><a href=\"" + submenu_path + "people.html\" class=\"submenu\">PEOPLE</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 2))
      html += "        <td width=\"96\" class=\"submenu_selected\">TU DELFT</td>\n";
    else html += "        <td width=\"96\" class=\"submenu\"><a href=\"" + submenu_path + "tudelft.html\" class=\"submenu\">TU DELFT</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 3))
      html += "        <td width=\"80\" class=\"submenu_selected\">METU</td>\n";
    else html += "        <td width=\"80\" class=\"submenu\"><a href=\"" + submenu_path + "metu.html\" class=\"submenu\">METU</a></td>\n";
    html += "        <td width=\"73\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 5: // STUDENT WORK
    html += "        <td width=\"516\" class=\"submenu\">&nbsp;</td>\n";
    if ((submenu == std_submenu) && (submenu_item == 0))
      html += "        <td width=\"120\" class=\"submenu_selected\">VIDEO LECTURES</td>\n";
    else html += "        <td width=\"120\" class=\"submenu\"><a href=\"" + submenu_path + "video lectures.html\" class=\"submenu\">VIDEO LECTURES</a></td>\n";
    if ((submenu == std_submenu) && (submenu_item == 1))
      html += "        <td width=\"112\" class=\"submenu_selected\">STUDENT WORK</td>\n";
    else html += "        <td width=\"112\" class=\"submenu\"><a href=\"" + submenu_path + "student work.html\" class=\"submenu\">STUDENT WORK</a></td>\n";
    html += "        <td width=\"100\" class=\"submenu\">&nbsp;</td>\n";
    break;
  case 6: // CONTACT
    html += "        <td width=\"848\" class=\"submenu\">&nbsp;</td>\n";
    break;
  }
  document.getElementById("submenu").innerHTML = html;
}

function resetSubmenu() {
  setSubmenu(std_submenu);
}