var menu = new PopUpMenu(150);
menu.setSizes(2, 3, 2, 0);
//            (fgColor,bgColor,hiFgColor,hiBgColor,bdHiColor,bdShColor,spHiColor,spShColor){
menu.setColors("#ffffff", "660099", "000000", "cc99cc", "darkblue", "silver", "lightblue", "#000040");
menu.setFont("Verdana,MS Sans Serif,Arial,Helvetica" , "plain", "bold", "7pt");
var myI1 = new Image(); myI1.src="../graficos/menujava_transparent.gif";
var myI2 = new Image(); myI2.src="../graficos/menujava_menu_norm.gif";
var myI3 = new Image(); myI3.src="../graficos/menujava_menu_high.gif";
menu.setImages(myI1.src,myI2.src,myI3.src, 10, 12);


var part3 = new PopUpMenu(100);
part3.copyAttributes(menu);
part3.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/malaga.html'>Málaga</a>", "malaga.html"));


var part4 = new PopUpMenu(110);
part4.copyAttributes(menu);
part4.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/cursos.html'>Algemeen</a>", "cursos.html"));
part4.addSeparator();
part4.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/tipos_cursos.html'>Soorten cursussen</a>", "tipos_cursos.html"));
part4.addSeparator();
part4.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/niveles.html'>Niveaus</a>", "niveles.html"));


var part5 = new PopUpMenu(110);
part5.copyAttributes(menu);
part5.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/alojamientos.html'>Algemeen</a>", "alojamientos.html"));
part5.addSeparator();
part5.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/familia.html'>Spaanse familie</a>", "familia.html"));
part5.addSeparator();
part5.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/apartamento.html'>Appartement</a>", "apartamento.html"));
part5.addSeparator();
part5.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/hoteles.html'>Hotels en pensions</a>", "hoteles.html"));


var part6 = new PopUpMenu(140);
part6.copyAttributes(menu);
part6.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/actividades.html'>Activiteitenprogramma</a>", "actividades.html"));
part6.addSeparator();
part6.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/excursiones.html'>Excursies</a>", "excursiones.html"));
part6.addSeparator();
part6.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/otras_posibilidades.html'>Andere mogelijkheden</a>", "otras_posibilidades.html"));


var part8 = new PopUpMenu(140);
part8.copyAttributes(menu);
part8.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/otros_servicios.html'>Servicio de Transporte</a>", "otros_servicios.html"));
part8.addSeparator();
part8.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/otros_servicios.html'>Seguro médico</a>", "otros_servicios.html"));


var part12 = new PopUpMenu(140);
part12.copyAttributes(menu);
part12.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/inscripcion.html'>Inschrijfformulier</a>", "inscripcion.html"));
part12.addSeparator();
part12.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/test_conocimientos.html'>Niveautest</a>", "test_conocimientos.html"));
part12.addSeparator();
part12.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/contacto.html'>Contact</a>", "contacto.html"));

var part13 = new PopUpMenu(80);
part13.copyAttributes(menu);
part13.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/periodicos.html'>Kranten</a>", "periodicos.html"));
part13.addSeparator();
part13.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/turismo.html'>Toerisme</a>", "turismo.html"));
part13.addSeparator();
part13.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/museos.html'>Musea</a>", "museos.html"));
part13.addSeparator();
part13.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/diccionarios.html'>Woordenboeken</a>", "diccionarios.html"));



menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/xq_espanol.html'>Spaans leren?</a>", "xq_espanol.html"));
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/aprende_abnc.html'>Leer bij ABANICO</a>", "aprende_abnc.html"));
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='#'>Waar kan je ons vinden?</a>", "#"), part3);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='../spaanse/cursos.html'>Cursussen</a>", "cursos.html"), part4);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='../spaanse/alojamientos.html'>Huisvesting</a>", "alojamientos.html"), part5);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='../spaanse/actividades.html'>Culturele activiteiten</a>", "actividades.html"), part6);
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/intercambio.html'>Uitwisselingsprogramma</a>", "intercambio.html"));
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/otros_servicios.html'>Andere diensten</a>", "otros_servicios.html"), part8);
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/precios.html'>Prijzen</a>", "precios.html"));
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/calendario.html'>Kalender en feestdagen</a>", "calendario.html"));
menu.addSeparator();
menu.addItem(new PopUpMenuItem("<a class='link_menu' href='../spaanse/condiciones.html'>Algemene voorwaarden</a>", "condiciones.html"));
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='#'>Contact</a>", "#"), part12);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("<a class='link_menu' href='#'>Culturele links</a>", "#"), part13);

window.onload = initMenu;

var minX = 4;
var minY = 4;

function initMenu() {

  menu.create();
  menu.setStatic(true);
  menu.open(minX, minY);
  repositionMenu();
}

function repositionMenu() {

  var viewTop, viewBottom;
  var dy;

  viewTop = getPageScrollY();
  viewBottom = viewTop + getWindowHeight();

  if (menu.bottom < viewTop)
    menu.moveTo(minX, viewTop - menu.height);
  if (menu.top > viewBottom)
    menu.moveTo(minX, viewBottom);

  dy = Math.round(Math.abs(viewTop + minY - menu.top) / 2);
  if (viewTop + minY < menu.top)
    dy = -dy;

  menu.moveBy(0, dy);
  setTimeout("repositionMenu()", 20);
}