// JavaScript Document

	var HM_DOM = document.getElementById ? true : false;
	var HM_IE  = document.all ? true : false;
	var HM_NS4 = document.layers ? true : false;
	
function showMenu(theFrame,thePage){
	
	var theHtml = (HM_DOM) ? document.getElementById(theFrame) :
                                     (HM_IE) ? document.all(theFrame) : 
                                     document.layers[theFrame];
	
	switch(thePage){
		case "appetizers":{
			theHtml.src="app.php";
			//theHtml=theAppetizers();
			break;
		}
		
		case "specials":{
			theHtml.src="specials.php";
			//theHtml=theSpecials();
			break;
		}
		
		case "meats":{
			theHtml.src="meats.php";
			//theHtml=theMeats();
			break;
		}
		
		case "chicken":{
			theHtml.src="chicken.php";
//			theHtml=theChicken();
			break;
		}
		
		case "fish":{
			theHtml.src="fish.php";
//			theHtml=theFish();
			break;
		}
		
		case "desserts":{
			theHtml.src="desserts.php";
//			theHtml=theDesserts();
			break;
		}
		
		case "drinks":{
			theHtml.src="drinks.php";
//			theHtml=theDrinks();
			break;
		}
		
		case "kids":{
			theHtml.src="kids.php";
//			theHtml=theDrinks();
			break;
		}
		
	} //end switch
	//theFrame.innerHTML() = theHtml;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
  
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

/*
	var HM_DOM = document.getElementById ? true : false;
	var HM_IE  = document.all ? true : false;
	var HM_NS4 = document.layers ? true : false;

   function displayMenu(show,elList,toggleBy,k) {
	   var elementToShow;
      if(!(HM_DOM||HM_IE||HM_NS4)) return true;

      if(HM_NS4&&(toggleBy=="tag")) return true;

      for(var i=0; i<elList.length; i++) {
         var ElementsToToggle = [];
         switch(toggleBy) {
            case "tag":
               ElementsToToggle = (HM_DOM) ? document.getElementsByTagName(elList[i]) :
                                  document.all.tags(elList[i]);
               break;
			   
            case "id":
               ElementsToToggle[0] = (HM_DOM) ? document.getElementById(elList[i]) :
                                     (HM_IE) ? document.all(elList[i]) : 
                                     document.layers[elList[i]];
               break;
         }
         for(var j=0; j<ElementsToToggle.length; j++) {
            var theElement = ElementsToToggle[j];
            if(!theElement) continue;
            if(HM_DOM||HM_IE) {
               theElement.style.visibility = "hidden";
            } else if (HM_NS4) {
               theElement.visibility = "hide";
            }
         }
      }
	  elementToShow = (HM_DOM) ? document.getElementById(k) :
                                     (HM_IE) ? document.all(k) : 
                                     document.layers[k];
	  if(HM_DOM||HM_IE) {
               elementToShow.style.visibility = "visible";
            } else if (HM_NS4) {
               elementToShow.visibility = "visible";
            }
      return true;
   }

var theMenus = new object;
theMenus[0] = 'm1';
	theMenus[1] = 'm2';
	theMenus[2] = 'm3';
	theMenus[3] = 'm4';
	theMenus[4] = 'm5';
	theMenus[5] = 'm6';
	theMenus[6] = 'm7';

/*
function showMenu(m){
	var i=0;
	var theMenu;
	//var theMenus;
	
	
	var menuName;
	for(i=0;1<7;i++){
		//theMenu = 'm' + i;
		menuName = document.getElementById(theMenus[i]);
		menuName.style.visibilty='hidden';
	}
	menuName = document.getElementById(m);
	menuName.style.visibility='visible';
}
*/



// * Dependencies * 
// this function requires the following snippets:
// JavaScript/readable_MM_functions/findObj
//
// Accepts a variable number of arguments, in triplets as follows:
// arg 1: simple name of a layer object, such as "Layer1"
// arg 2: ignored (for backward compatibility)
// arg 3: 'hide' or 'show'
// repeat...
//
// Example: showHideLayers(Layer1,'','show',Layer2,'','hide');
/*
function showHideLayers()
{ 
  var i, visStr, obj, args = showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  {
    if ((obj = findObj(args[i])) != null)
    {
      visStr = args[i+2];
      if (obj.style)
      {
        obj = obj.style;
        if(visStr == 'show') visStr = 'visible';
        else if(visStr == 'hide') visStr = 'hidden';
      }
      obj.visibility = visStr;
    }
  }
}

// Example: obj = findObj("image1");
function findObj(theObj, theDoc)
{
  var p, i, foundObj;
  
  if(!theDoc) theDoc = document;
  if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
  {
    theDoc = parent.frames[theObj.substring(p+1)].document;
    theObj = theObj.substring(0,p);
  }
  if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
  for (i=0; !foundObj && i < theDoc.forms.length; i++) 
    foundObj = theDoc.forms[i][theObj];
  for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++) 
    foundObj = findObj(theObj,theDoc.layers[i].document);
  if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
  
  return foundObj;
}




<div class="menuPage" id="m1">
			<table><tr><td width="50%"></td><td width="25%">Lunch</td><td width="25%">Dinner</td></tr>
			<tr><td width="50%">Chorizo con Arepa<br>Columbian Sausage</td><td width="25%" align="right">2.50</td><td width="25%" align="right">3.95</td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			<tr><td width="50%"></td><td width="25%" align="right"></td><td width="25%" align="right"></td></tr>
			</table></div>
 		</div>
		
		<div class="menuPage" id="m2"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		<div class="menuPage" id="m3"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		<div class="menuPage" id="m4"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		<div class="menuPage" id="m5"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		<div class="menuPage" id="m6"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		<div class="menuPage" id="m7"><table><tr><td width="50%"></td><td width="25%"></td><td width="25%"></td></tr></table></div>
		
		
		
		<div id="globalNav" > 
   			<a href="#">Home</a> <br><br> <a href="themenu.html">The Menu</a><br> <br> <a href="#">About Us</a>
		</div> 
		
		
		<ul>
			<li><a href="index.html" title="Home"> Home</a></li>
			<br>
			<li><a href="#">The Menu</a></li><br>
			<li><a href="about.html">About Us</a></li><br>
		</ul>
		<br>
		
		
*/