/* Put any menu items that you want here, and they will go across the entire site */
var menuItems = 
{ 
  "Home" : "index.html",
  "About Us" : "aboutus.html",
  "Location" : "location.html",
  "Toys" : "toys.html",
  "Sports" : "sports.html",
  "Antiques" : "antiques.html",
  "BrewMania" : "brewmania.html",
  "WhoZwhatsits" : "whozwhatsits.html",
  "Collectables" : "collectables.html",
  "Specials/Events" : "specialsevents.html"
};

var footerHTML = 
"<p style=\"margin-bottom: 0;\">(c) 2008, George Wagner" + 
    "</p>" +
        "<p style=\"margin-top: 0; margin-bottom: 0;\">Bahoukas Collectibles, Beer MuZeum, and Bahoukas Antique Mall </p>" +
"<p style=\"margin-top: 0; margin-bottom: 0;\">Collectibles: <strong>410-939-4146</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Antique Mall: <strong>410-942-1290</strong></p>";


/**
* Generate the menu
*/

var leftNav = document.getElementById("leftNav");
var menuList = document.createElement("ul");
var main = document.getElementById("main");
var footer = document.getElementById("footerContent");

for (var i in menuItems)
{
  var menuItem = document.createElement("li");
  menuItem.innerHTML = "<a href='"+menuItems[i]+"'>"+i+"</a>";
  menuList.appendChild(menuItem);
}


//leftNav.insertBefore(leftNav.firstChild, menuList);
leftNav.appendChild(menuList);
if (main.offsetHeight < leftNav.offsetHeight + 25)
{
  main.style.height = leftNav.offsetHeight + 25 + "px";
}

footer.innerHTML = footerHTML;