var overviewmenu = ["Home", "Overview", "Academics", "Parent Info", "Student Life","Admissions" ];

function setsubmenu(number){
  var submenu = document.getElementById('submenu');
  switch(number){
    case 0: 
      submenu.innerHTML = "";
	  break;
    case 1: 
      submenu.innerHTML = "<a href='localhost' class='submenu' >Headmasters Letter</a> | <a href='mission' class='submenu' >Mission</a>  |  <a href='mission' class='submenu' >History</a>  |  <a href='localhost' class='submenu' >Strategic Plan</a>  |  <a href='localhost' class='submenu' >Why Choose Us</a>";
	  break;
    case 2:
      submenu.innerHTML = "<a href='localhost' class='submenu' >Tuition</a> | <a href='mission' class='submenu'>Admisions Inquiry</a>";
	  break;
    case 3:
      submenu.innerHTML = "<a href='localhost' class='submenu' >Pre-School</a> | <a href='mission' class='submenu' >Lower-School</a>  |  <a href='mission' class='submenu' >Middle-School</a>  |  <a href='localhost' class='submenu' >Library</a>  |  <a href='localhost' class='submenu' >Technology</a>  ";
	  break;
    case 4:
      submenu.innerHTML = "<a href='localhost' class='submenu' >Pre-School</a> | <a href='mission' class='submenu' >Lower-School</a>  |  <a href='mission' class='submenu' >Middle-School</a>  |  <a href='localhost' class='submenu' >Library</a>  |  <a href='localhost' class='submenu' >Technology</a>  ";
	  break;
    case 5:
      submenu.innerHTML = "<a href='localhost' class='submenu' >Pre-School</a> | <a href='mission' class='submenu' >Lower-School</a>  |  <a href='mission' class='submenu' >Middle-School</a>  |  <a href='localhost' class='submenu' >Library</a>  |  <a href='localhost' class='submenu' >Technology</a>  ";
	  break;
  }
}
