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", "./index.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Gallery", "./../album/wedding/index.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Packages", "./photographypackages.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Photography", "./photographypackages.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Videography", "./videopackages.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Video", "./video.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Video Clips", "./videosamples.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Bridal Guide", "./weddingphotography.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("About Us", "./abouthorizonmark.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Engagement Photo", "./engagementphoto.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Traditional", "./traditionalportrait.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Journalistic", "./abouthorizonmark.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Videography", "./abouthorizonmark.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Digital Album", "./digitalalbum.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Contact", "./../contact.html"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(120, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Other Services", "./../index.html"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
//                   border      text      background  select_txt  select_bgr  sub_mnu_txt sub_mnu_bgr sub_select_txt sub_Select_Bgr
// myNavBar1.setColors("#000000", "#000000", "#BDB76B",   "#000000",   "#ffff00", "#000000", "#e0e0e0",   "#ffffff",       "#000080")
myNavBar1.setColors("#BDB76B", "#BDB76B", "#000000",   "#000000",   "#e9e9e9", "#BDB76B", "#000000",   "#ffffff",       "#000080")
// BDB76B gold
// 6699ff blue

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

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);
  //UNCOMMENT BELOW LINE TO MOVE MENU DOWN 50 pixels
  // myNavBar1.moveTo(0, 50);
}