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

//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below

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

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Diensten", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Webdesign", "webdesign.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Webhosting", "webhosting.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Webhost-prijzen", "prijs.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Ontwikkeling", "devlop.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Restyling", "restyling.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Consulting", "consulting.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Bedrijf", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Referenties", "ref.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Klanten", "client.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Adres", "company.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Contact", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Project Manager", "pro.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Art Director", "art.html"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors("#000000", "#FFFFFF", "#000000", "#FFCC00", "#000000", "#ffffff", "#000000", "#FFCC00", "#000000")

//valid values are "left", "center", and "right"
myNavBar1.setAlign("left")

var fullWidth;

function init() {

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

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

  myNavBar1.resize(fullWidth);
  myNavBar1.create();
  myNavBar1.setzIndex(2);
}