var myNavBar1 = new NavBar(0);
var dhtmlMenu;

dhtmlMenu = new NavBarMenu(50, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "index.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 124);
dhtmlMenu.addItem(new NavBarMenuItem("Algemeen", ""));
dhtmlMenu.addItem(new NavBarMenuItem("De Pest", "pest.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Feodaliteit", "feodal.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Kloosters", "klooster.html"));
dhtmlMenu.addItem(new NavBarMenuItem("De Islam", "islam.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Romaans & Gotiek", "romgot.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Kruistochten", "kruist.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(88, 92);
dhtmlMenu.addItem(new NavBarMenuItem("Plaatsen", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Reims", "reims.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 124);
dhtmlMenu.addItem(new NavBarMenuItem("Figuren", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Clovis", "clovis.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Karel de Grote", "karel.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Noormannen", "viking.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(160, 164);
dhtmlMenu.addItem(new NavBarMenuItem("Gebeurtenissen", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Inval Germanen", "german.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Slag bij Hastings", "hastings.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Guldensporenslag", "guldensp.html"));
dhtmlMenu.addItem(new NavBarMenuItem("100 jarige oorlog", "hondjoorlog.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(154, 158);
dhtmlMenu.addItem(new NavBarMenuItem("Projecten", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dagelijks leven", "dagl.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Woordenschat 1", "kruiswoord1.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Woordenschat 2/3", "kruiswoord23.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Taak Vikingen 3", "docs/vikingen3.doc"));
dhtmlMenu.addItem(new NavBarMenuItem("Taak Kruistochten 3", "docs/kruistochten3.doc"));
dhtmlMenu.addItem(new NavBarMenuItem("Taak Kunst 4", "docs/kunst4.doc"));
dhtmlMenu.addItem(new NavBarMenuItem("Taak Ondekkingsreizen 4", "docs/ontdekkingstochten4.doc"));
dhtmlMenu.addItem(new NavBarMenuItem("Puzzelen", "puzzle.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(154, 158);
dhtmlMenu.addItem(new NavBarMenuItem("Uitsmijters", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Project 3F 1999-2000", "http://www.damiaaninstituut.be/projecten/cursus3f.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Ontdekkingen", "ontdek.html"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors("black", "black", "silver", "white", "black", "black", "silver", "white", "black")

//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")

var fullWidth;
myNavBar1.setAlign("left")
function init() {

  // Get width of window, need to account for scrollbar width in Netscape.

  fullWidth = getWindowWidth() 
    - (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

  myNavBar1.create();
  myNavBar1.setzIndex(2);
  //UNCOMMENT BELOW LINE TO MOVE MENU DOWN 50 pixels
myNavBar1.moveTo(20, 10);
}