var subMenuList = new Array("abouton","about","bookon","book","playon","play","tvon","tv","shopon","shop","eventon","event","roomon","room");

function switchMenu(id){

  switch(id){
    case "abouton":
      document.getElementById(subMenuList[0]).style.display = "block";
      document.getElementById(subMenuList[1]).style.display = "none";
    break;
    
    case "about":
      document.getElementById(subMenuList[0]).style.display = "none";
      document.getElementById(subMenuList[1]).style.display = "block";
    break;

    case "bookon":
      document.getElementById(subMenuList[2]).style.display = "block";
      document.getElementById(subMenuList[3]).style.display = "none";
    break;

    case "book":
      document.getElementById(subMenuList[2]).style.display = "none";
      document.getElementById(subMenuList[3]).style.display = "block";
    break;
	
	case "playon":
      document.getElementById(subMenuList[4]).style.display = "block";
      document.getElementById(subMenuList[5]).style.display = "none";
    break;
    
    case "play":
      document.getElementById(subMenuList[4]).style.display = "none";
      document.getElementById(subMenuList[5]).style.display = "block";
    break;

    case "tvon":
      document.getElementById(subMenuList[6]).style.display = "block";
      document.getElementById(subMenuList[7]).style.display = "none";
    break;

    case "tv":
      document.getElementById(subMenuList[6]).style.display = "none";
      document.getElementById(subMenuList[7]).style.display = "block";
    break;

    case "shopon":
      document.getElementById(subMenuList[8]).style.display = "block";
      document.getElementById(subMenuList[9]).style.display = "none";
    break;

    case "shop":
      document.getElementById(subMenuList[8]).style.display = "none";
      document.getElementById(subMenuList[9]).style.display = "block";
    break;

    case "eventon":
      document.getElementById(subMenuList[10]).style.display = "block";
      document.getElementById(subMenuList[11]).style.display = "none";
    break;

    case "event":
      document.getElementById(subMenuList[10]).style.display = "none";
      document.getElementById(subMenuList[11]).style.display = "block";
    break;

    case "roomon":
      document.getElementById(subMenuList[12]).style.display = "block";
      document.getElementById(subMenuList[13]).style.display = "none";
    break;

    case "room":
      document.getElementById(subMenuList[12]).style.display = "none";
      document.getElementById(subMenuList[13]).style.display = "block";
    break;

    defalut:
    break;
  }

}