var homePage="index.html";
var aNav=[{"title":"Access","items":[{"cap":"Opening & Closing Times","page":"access1.html"},
                                    {"cap":"Disabled Access","page":"access2.html"}]},
         {"title":"Schools","items":[{"cap":"Visiting","page":"schools1.html"},
                                     {"cap":"Routes","page":"schoolroutes.html"},
                                     {"cap":"Resources","page":"teachers.html"},
                                     {"cap":"Links","page":"attractions.html"}]},
         {"title":"Families","items":[{"cap":"Routes","page":"family1.html"},
                                      {"cap":"Activities","page":"family2.html"}]},
         {"title":"Links","items":[{"cap":"Attractions","page":"attractions.html"},
                                   {"cap":"Links","page":"links.html"}]},
         {"title":"Contact","items":[{"cap":"York City Council","page":"contactycc.html"},
                                     {"cap":"York Archaeological Trust","page":"contactyat.html"}]}];


function showNavBar() {
  var txt="<table width=100% cellspacing=5 cellpadding=0 border=0><tr>";
  txt+="<td nowrap class='menuHead' align=center onmouseover='this.style.backgroundColor=\"#ffffcc\";hideMenu()' onmouseout='this.style.backgroundColor=\"\"' onclick=\"showPage(homePage)\">Home</td><td width=10 onmouseover='hideMenu()'>&nbsp;</td>";
  for (var i=0;i<aNav.length;i++) {
    txt+="<td id='menu_"+i+"' nowrap class='menuHead' align=center onmouseover='showMenu("+i+")'>"+aNav[i].title+"</td><td width=10 onmouseover='hideMenu()'>&nbsp;</td>";
  }
  txt+="<td onmouseover='hideMenu()'>&nbsp;</td></tr></table>";
  txt+="<div id='dropMenu' style='position:absolute;left:0px;top:0px;visibility:hidden'></div>";
  document.getElementById("navbar").style.paddingBottom="5px";
  document.getElementById("navbar").innerHTML=txt;
  var ab=document.getElementsByTagName("BODY");
  ab[0].onclick=function() { hideMenu(); }
//  self.document.getElementById("body").onclick=function() { hideMenu(); }
}

function showMenu(m) {
  var i=0;
  while (document.getElementById("menu_"+i)) {
    document.getElementById("menu_"+i).style.backgroundColor=((i==m)?"white":"");
    i++;
  }
  var txt="<table cellspacing=0 cellpadding=2 border=0 bgcolor='#ffffcc' class='menuTable'>";
  for (var i=0;i<aNav[m].items.length;i++) {
    txt+="<tr><td width=100 class='menuCell' nowrap onmouseover=\"this.style.backgroundColor='#ffcc33'\" onmouseout=\"this.style.backgroundColor='#ffffcc'\" onclick=\"showPage('"+aNav[m].items[i].page+"')\">"+aNav[m].items[i].cap+"</td></tr>";
  }
  txt+="</table>";
  document.getElementById("dropMenu").innerHTML=txt;
  var m=document.getElementById("menu_"+m);
  var x=0;
  var y=m.offsetHeight*1;
  while (m.tagName!="BODY") {
    x+=m.offsetLeft;
    y+=m.offsetTop;
    m=m.offsetParent;
  }
  x+=m.offsetLeft;
  y+=m.offsetTop+((document.all)?5:0);
  document.getElementById("dropMenu").style.left=x+"px";
  document.getElementById("dropMenu").style.top=y+"px";
  document.getElementById("dropMenu").style.visibility="visible";
}

function hideMenu() {
  document.getElementById("dropMenu").style.visibility="hidden";
  var i=0;
  while (document.getElementById("menu_"+i)) {
    document.getElementById("menu_"+i).style.backgroundColor="";
    i++;
  }
}

function showPage(p) {
  self.document.location=p;
}