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

//je commence mes menus horizontaux
dhtmlMenu = new NavBarMenu(48, 200);
dhtmlMenu.addItem(new NavBarMenuItem("ACCUEIL", "index.htm"));
myNavBar1.addMenu(dhtmlMenu);
//------le 2
dhtmlMenu = new NavBarMenu(45, 200); //<<<<<45 largeur du menu<<<<200 largeur du sous menu
dhtmlMenu.addItem(new NavBarMenuItem("SITUATION", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Carte", "situation.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Transports", "popuptransport2.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Climat", "popupclimat2.htm"));
myNavBar1.addMenu(dhtmlMenu);
//--------3
dhtmlMenu = new NavBarMenu(43, 200);
dhtmlMenu.addItem(new NavBarMenuItem("MAIRIE", ""));
dhtmlMenu.addItem(new NavBarMenuItem("La mairie", "mairie.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Nous contacter", "contact.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------4
dhtmlMenu = new NavBarMenu(43, 200);
dhtmlMenu.addItem(new NavBarMenuItem("VISITEZ", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Quillan", "visiter.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Le pays Cathare","payscathares.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Sites Industriels", "industrie2.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------5
dhtmlMenu = new NavBarMenu(55, 200);
dhtmlMenu.addItem(new NavBarMenuItem("CATHARE", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Le pays Cathare", "payscathares.htm"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu.addItem(new NavBarMenuItem("Gorges Pierre lys", "pierrelys.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Le sapin de l'Aude", "sapin.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Les fôrets", "forets.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Galamus", "galamus.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Le cirque de Quillan", "cirquequillan.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Les Cathares", "catharisme.htm"));
//---------6
dhtmlMenu = new NavBarMenu(45, 200);
dhtmlMenu.addItem(new NavBarMenuItem("TOURISME", ""));
dhtmlMenu.addItem(new NavBarMenuItem("La maison du tourisme", "tourisme.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Nous contacter", "contactmaisontou.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------7
dhtmlMenu = new NavBarMenu(45, 200);
dhtmlMenu.addItem(new NavBarMenuItem("CULTURE", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Dinosauria", "Dinosauria.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Musée Chapellerie", "chapellierie.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Espace Béranger Saunières", "Beranger.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------8
dhtmlMenu = new NavBarMenu(58, 200);
dhtmlMenu.addItem(new NavBarMenuItem("ANIMATIONS", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Animation annuelle", "animation.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Manifestations de printemps", "manifprintemps.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Manifestations d'été", "manifete.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------9
dhtmlMenu = new NavBarMenu(45, 200);
dhtmlMenu.addItem(new NavBarMenuItem("LOISIRS", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Loisirs actifs", "loisirs.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Sports d'eau vive", "loisireau.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Randonnée pédestre", "loisirrando.html"));
dhtmlMenu.addItem(new NavBarMenuItem("VTT", "loisirvtt.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Spéléo", "loisirsspeo.html"));
dhtmlMenu.addItem(new NavBarMenuItem("L'escalade", "loisirgimpe.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Pêche", "lapeche2.html"));
myNavBar1.addMenu(dhtmlMenu);
//---------10
dhtmlMenu = new NavBarMenu(60, 200);
dhtmlMenu.addItem(new NavBarMenuItem("LA FORGE", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Centre d'accueil", "forge.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Activités", "forgeactivites.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Nous contacter", "forgecontact.htm"));
myNavBar1.addMenu(dhtmlMenu);
//---------11
dhtmlMenu = new NavBarMenu(70, 130);
dhtmlMenu.addItem(new NavBarMenuItem("SEJOURNER", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Séjourner", "heberge/catalogue1.asp"));
dhtmlMenu.addItem(new NavBarMenuItem("Se restaurer", "heberge/catalogue2.asp"));
myNavBar1.addMenu(dhtmlMenu);
//---------12
dhtmlMenu = new NavBarMenu(110, 130);
dhtmlMenu.addItem(new NavBarMenuItem("E-ADMINISTRATION", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Marchés publics", "http://www.dematao.com/quillan"));
myNavBar1.addMenu(dhtmlMenu);
//-------- Couleurs menu
myNavBar1.setColors("white", "white", "#00B1E7", "white", "#027497", "white", "#027497", "white", "#002733")
// dans l'ordre ->contour, couleur du texte, fond cellule, titre survolé, fond survolé,texte sous menu,....

var fullWidth;

function init() {

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

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