var _root_url_ = 'http://www.instituut-spijksma.nl/';var hBar = new ItemStyle(
  40,             //  Dimensions       : Item Length (horizontal = width / vertical = height)
  20,             //  Dimensions       : Spacing After (gaps between the items / when negative = overlap)
  '',             //  Popout Indicator : Content HTML
  0,              //  Popout Indicator : position popout indicator (negative = from right edge / positive = left edge)
  0,              //  Dimensions       : Item Padding (The distance between the edge of the item and the HTML within it)
  '',             //  Background       :
  '',             //  Background       :
  'lowTextCoen',  //  CSS Classes      : Dim Text
  'highTextCoen', //  CSS Classes      : Hover Text
  '',             //  CSS Classes      : Dim Border
  '',             //  CSS Classes      : Hover Border
  80,             //  Alpha Filtering  : Dim Opacity (%)
  90,             //  Alpha Filtering  : Hover Opacity (%)
  'hand',         //  CSS Classes      : Normal Cursor (Mouse cursor used for items that link to a file or JavaScript command.)
  'default'       //  CSS Classes      : Null Cursor: (Mouse cursor used for 'sm:' items, and items that don't link to anything.)
);
var subC = new ItemStyle(
  22,             //  Dimensions       : Item Length (horizontal = width / vertical = height)
  0,              //  Dimensions       : Spacing After (gaps between the items / when negative = overlap)
  '>',         //  Popout Indicator : Content HTML
  -15,            //  Popout Indicator : position popout indicator (negative = from right edge / positive = left edge)
  3,              //  Dimensions       : Item Padding (The distance between the edge of the item and the HTML within it)
  '20#CCCCDD',    //  Background       : normal background color or image
  '20#DB4E24',    //  Background       : hover background color or image
  'lowText',      //  CSS Classes      : Dim Text
  'highText',     //  CSS Classes      : Hover Text
  'itemBorder',   //  CSS Classes      : Dim Border
  'itemBorder',   //  CSS Classes      : Hover Border
  null,           //  Alpha Filtering  : Dim Opacity (%)
  null,           //  Alpha Filtering  : Hover Opacity (%)
  'hand',         //  CSS Classes      : Normal Cursor (Mouse cursor used for items that link to a file or JavaScript command.)
  'default');     //  CSS Classes      : Null Cursor: (Mouse cursor used for 'sm:' items, and items that don't link to anything.)
var subInfo = new ItemStyle(70, 0, '>', -15, 2, '10#006633', '10#CC6600', 'buttonText', 'buttonHover',
 'buttonBorder', 'buttonBorderOver', null, null, 'default', 'default');
var pMenu = new PopupMenu('pMenu');
with (pMenu)
{
  // Most of the items are 'sm:' items popping out submenus, except the last 'js:' JavaScript command
  // to pop open a new window. I've also given each item a length in pixels, overriding the ItemStyle.

  startMenu(
    'root',     // the name of this menu.
    '1',
    false,      // orientated as a horizontal menu (true creates a vertical menu).
    195,        // the 'left' offset of this menu in pixels.
    95,         // the 'top' offset of this menu in pixels.
    25,         // the height of this menu (for vertical menus, this becomes the menu width).
    hBar,       // the ItemStyle used to give this menu colours and layout/formatting.
    '',         // this menu does not display within a frame (see the Frameset Example Script to do that).
    false       // this menu shows submenus on mouseover. 'true' means show on click.
  );

  addItem('Computertypen',                '1', 'mComputertypen',                'sm:', null, 120);
  addItem('Computeropleidingen',          '1', 'mComputeropleidingen',          'sm:', null, 170);
  addItem('Administratieve opleidingen',  '1', 'mAdministratieve opleidingen',  'sm:', null, 215);
  addItem('Re-integratie',                '1', 'mReintegratie',                 'sm:', null, 99);
  addItem('Contact',                      '1', 'mContact',                      'sm:', null, 63);
  startMenu('mComputertypen', '2', true, 0, 22, 200, subC, '', false);
  addItem('Computertypen voor de jeugd',          '2', 'mComputertypen_voor_de_jeugd', 'sm:');
  addItem('Computertypen voor volwassenen',       '3',   _root_url_ + 'toetsenbordvaardigheid-voor-volwassenen.html', '');
  addItem('Bedrijven',                            '4',   _root_url_ + 'toetsenbordvaardigheid-voor-bedrijven.html', '');

        startMenu('mComputertypen_voor_de_jeugd', '3', true, 203, 0, 250, subC, '', false);
        addItem('Info voor de jeugd',               '6',  _root_url_ + 'computertypen-voor-de-jeugd.html',  '');
        addItem('INSCHRIJVEN',                      '6',  _root_url_ + 'inschrijven-computertypen-voor-de-jeugd.html',  '');
        addItem('Algemene Voorwaarden (.pdf)',                      '6',  'window.open("http://www.instituut-spijksma.nl/AlgemeneVoorwaarden_Typecursus_InstituutSpijksma.pdf")',  'js:');
        addItem('Radboud-onderzoek blind typen (pdf artikel)',               '6',  'window.open("http://www.schriftontwikkeling.nl/ARTIKELEN/Het%20belang%20van%20blindtypen%20met%20tien%20vingers%20JSW%20okt%202006.pdf")',  'js:');
        addItem('Verslag wedstrijden 2003',         '6',  _root_url_ + 'nationale-kampioenschappen/2003/verslag.html',  '');
        addItem('Verslag wedstrijden 2004',         '7',  _root_url_ + 'nationale-kampioenschappen/2004/verslag.html', '');
        addItem('Verslag wedstrijden 2005',         '8',  _root_url_ + 'nationale-kampioenschappen/2005/verslag.html', '');
  startMenu('mComputeropleidingen', '4', true, 0, 22, 150, subC, '', false);
  addItem('Starterscursus',           '8',    _root_url_ + 'computeropleidingen/starterscursus.html',  '');
  addItem('Windows',                  '8',    _root_url_ + 'computeropleidingen/windows.html',  '');
  addItem('Word',                     '8',    'mComputeropleidingen_word', 'sm:');
  addItem('Excel',                    '8',    'mComputeropleidingen_excel', 'sm:');
  addItem('Outlook',                  '8',    _root_url_ + 'computeropleidingen/outlook.html',  '');
  addItem('Powerpoint',               '8',    _root_url_ + 'computeropleidingen/powerpoint.html',  '');
  addItem('Access',                   '8',    'mComputeropleidingen_access', 'sm:');
  addItem('Internet en e-mail',       '8',    _root_url_ + 'computeropleidingen/internet-en-email.html', '');
  addItem('In company training',      '8',    _root_url_ + 'computeropleidingen/in-company-training.html', '');
  addItem('Werkplekbegeleiding',      '8',    _root_url_ + 'computeropleidingen/werkplekbegeleiding.html', '');

        startMenu('mComputeropleidingen_word', '5', true, 153, 0, 80, subC, '', false);
        addItem('Basis',              '8',  _root_url_ + 'computeropleidingen/word-basis.html',  '');
        addItem('Gevorderden',        '8',  _root_url_ + 'computeropleidingen/word-voor-gevorderden.html', '');

        startMenu('mComputeropleidingen_excel', '6', true, 153, 0, 80, subC, '', false);
        addItem('Basis',              '8',   _root_url_ + 'computeropleidingen/excel-basis.html', '');
        addItem('Gevorderden',        '8',   _root_url_ + 'computeropleidingen/excel-voor-gevorderden.html', '');

        startMenu('mComputeropleidingen_access', '7', true, 153, 0, 80, subC, '', false);
        addItem('Basis',              '8',  _root_url_ + 'computeropleidingen/access-basis.html', '');
        addItem('Gevorderden',        '8',  _root_url_ + 'computeropleidingen/access-voor-gevorderden.html', '');

  startMenu('mAdministratieve opleidingen', '8', true, 0, 22, 180, subC, '', false);
  addItem('Telefoniste/receptioniste',     '8', _root_url_ + 'administratieve-opleidingen/telefoniste-receptioniste.html', '');
  addItem('Administratief Medewerker',     '8', _root_url_ + 'administratieve-opleidingen/administratief-medewerker.html', '');
  addItem('Basiskennis Boekhouden',        '8', _root_url_ + 'administratieve-opleidingen/basiskennis-boekhouden.html', '');
  addItem('Basiskennis Calculatie',        '8', _root_url_ + 'administratieve-opleidingen/basiskennis-calculatie.html', '');  
  addItem('Praktijkdiploma Boekhouden',    '8', _root_url_ + 'administratieve-opleidingen/praktijkdiploma-boekhouden-nieuwe-stijl.html', '');
  addItem('Moderne Bedrijfsadministratie', '8', _root_url_ + 'administratieve-opleidingen/moderne-bedrijfsadministratie.html', '');
  addItem('Kantoorpraktijk',               '8', _root_url_ + 'administratieve-opleidingen/kantoorpraktijk.html', '');
  addItem('Nederlands',                    '8', 'mAdministrativeOpleidingen_Nederlands', 'sm:');
  addItem('Engels Privé',                  '8', _root_url_ + 'administratieve-opleidingen/engels-prive.html', '');

        startMenu('mAdministrativeOpleidingen_Nederlands', '9', true, 183, 0, 80, subC, '', false);
        addItem('Klassikaal',           '8',  _root_url_ + 'administratieve-opleidingen/nederlands-klassikaal.html', '');
        addItem('Privé',                '8',  _root_url_ + 'administratieve-opleidingen/nederlands-prive.html', '');

  
        
  startMenu('mReintegratie', '10', true, 0, 22, 130, subC, '', false);
  addItem('Gemeenten en Zorg',          '8',  _root_url_ + 'reintegratie/gemeenten.html', '');
  addItem('UWV',                        '8',  _root_url_ + 'reintegratie/uwv.html', '');
  addItem('IRO',                        '8',  _root_url_ + 'reintegratie/iro.html', '');
  addItem('Werkgevers',                 '8',  _root_url_ + 'reintegratie/werkgevers.html', '');


  startMenu('mContact', '11', true, 0, 22, 110, subC, '', false);
  addItem('Home',                       '8',  _root_url_ + '', '');
  addItem('Contactgegevens',            '8',  _root_url_ + 'contact.html', '');
  addItem('Route',                      '8',  _root_url_ + 'routebeschrijving.html', '');
  addItem('Vacatures',                  '8',  _root_url_ + 'vacatures.html', '');
  addItem('Sitemap',                    '8',  _root_url_ + 'sitemap.html', '');
}
 addMenuBorder(pMenu, window.subBlank, null, '#666666', 1, '#CCCCDD', 2);
 addDropShadow(pMenu, window.subC,     [40,"#333333",6,6,-4,-4], [40,"#666666",4,4,0,0]);
 addDropShadow(pMenu, window.subBlank, [40,"#333333",6,6,-4,-4], [40,"#666666",4,4,0,0]);
if ((navigator.userAgent.indexOf('rv:0.')==-1) &&
    !(isOp&&!document.documentElement) && !(isIE4&&!window.external))
{
 pMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)');
 pMenu.hideMenu = new Function('mN','menuAnim(this, mN, -15)');
}

page.elmPos=function(e,p)
{
 var x=0,y=0,w=p?p:this.win;
 e=e?(e.substr?(isNS4?w.document.anchors[e]:getRef(e,w)):e):p;
 if(isNS4){if(e&&(e!=p)){x=e.x;y=e.y};if(p){x+=p.pageX;y+=p.pageY}}
 if (e && this.MS && navigator.platform.indexOf('Mac')>-1 && e.tagName=='A')
 {
  e.onfocus = new Function('with(event){self.tmpX=clientX-offsetX;' +
   'self.tmpY=clientY-offsetY}');
  e.focus();x=tmpX;y=tmpY;e.blur()
 }
 else while(e){x+=e.offsetLeft;y+=e.offsetTop;e=e.offsetParent}
 return{x:x,y:y};
};

function menuAnim(menuObj, menuName, dir)
{
 var mD = menuObj.menu[menuName][0];
 if (!mD.timer) mD.timer = 0;
 if (!mD.counter) mD.counter = 0;

 with (mD)
 {
  clearTimeout(timer);
  
  if (!lyr || !lyr.ref) return;
  if (!visNow && dir>0) dir = 0-dir;
  if (dir>0) lyr.vis('visible');
  lyr.sty.zIndex = dir>0 ? mD.zIndex + 1 : 1001;
  lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75) );
  
  counter += dir;
  if (counter>100) { counter = 100; lyr.sty.zIndex = mD.zIndex }
  else if (counter<0) { counter = 0; lyr.vis('hidden') }
  else timer = setTimeout('menuAnim('+menuObj.myName+',"'+menuName+'",'+dir+')', 40);
 }
};

function addMenuBorder(mObj, iS, alpha, bordCol, bordW, backCol, backW)
{
 for (var mN in mObj.menu)
 {
  var mR=mObj.menu[mN], dS='<div style="position:absolute; background:';
  if (mR[0].itemSty != iS) continue;
   for (var mI=1; mI<mR.length; mI++)
  {
   mR[mI].iX += bordW+backW;
   mR[mI].iY += bordW+backW;
  }
  mW = mR[0].menuW += 2*(bordW+backW);
  mH = mR[0].menuH += 2*(bordW+backW);

  if (isNS4) mR[0].extraHTML += '<layer bgcolor="'+bordCol+'" left="0" top="0" width="'+mW+
   '" height="'+mH+'" z-index="980"><layer bgcolor="'+backCol+'" left="'+bordW+'" top="'+
   bordW+'" width="'+(mW-2*bordW)+'" height="'+(mH-2*bordW)+'" z-index="990"></layer></layer>';
  else mR[0].extraHTML += dS+bordCol+'; left:0px; top:0px; width:'+mW+'px; height:'+mH+
   'px; z-index:980; '+
   (alpha!=null?'filter:alpha(opacity='+alpha+'); -moz-opacity:'+alpha+'%; opacity:'+(alpha/100):'')+
   '">'+dS+backCol+'; left:'+bordW+'px; top:'+bordW+'px; width:'+(mW-2*bordW)+'px; height:'+
   (mH-2*bordW)+'px; z-index:990"></div></div>';
 }
};

function addDropShadow(mObj, iS)
{
 
 for (var mN in mObj.menu)
 {
  var a=arguments, mD=mObj.menu[mN][0], addW=addH=0;
  if (mD.itemSty != iS) continue;
  for (var shad=2; shad<a.length; shad++)
  {
   var s = a[shad];
   var alpha = (s[0]!=null && navigator.userAgent.indexOf('AppleWebKit') == -1);
   if (isNS4) mD.extraHTML += '<layer bgcolor="'+s[1]+'" left="'+s[2]+'" top="'+s[3]+'" width="'+
    (mD.menuW+s[4])+'" height="'+(mD.menuH+s[5])+'" z-index="'+(arguments.length-shad)+'"></layer>';
   else mD.extraHTML += '<div style="position:absolute; background:'+s[1]+'; left:'+s[2]+
    'px; top:'+s[3]+'px; width:'+(mD.menuW+s[4])+'px; height:'+(mD.menuH+s[5])+'px; -z-index:'+
    (a.length-shad)+'; '+
    (alpha?'filter:alpha(opacity='+s[0]+'); -moz-opacity:'+s[0]+'%; opacity:'+(s[0]/100):'')+
    '"></div>';
   addW=Math.max(addW, s[2]+s[4]);
   addH=Math.max(addH, s[3]+s[5]);
  }
  mD.menuW+=addW; mD.menuH+=addH;
 }
};



var csmWin = null, csmInd = '';
PopupMenu.prototype.recurseWrite = function(mN)
{ with (this)
  {
    var temp = ''
    csmInd = '';
    temp += csmInd + '<ul>';


    for (var iN = 1; iN < menu[mN].length; iN++)
    {
      temp += csmInd + '<li>';
      var iD = menu[mN][iN];

      if (iD.href && iD.type != 'js:')
        temp += '<a href="' + iD.href + '">' + iD.text + '</a>';
      else
        temp += iD.text;

      temp += '&nbsp;<label class="small">[bewerken]';

      temp += iD.dbID;
      temp += '</label>';

      if (iD.sm)
      {
        temp += this.recurseWrite(iD.sm);
      }

      temp +='</li>';
    }

    temp +=csmInd + '</ul>';
    return temp;
  }
};

PopupMenu.prototype.createSiteMapFrom = function(mN) { with (this)
{
 csmWin = document.getElementById('divMenuCoen');
 if (!csmWin) return;
 csmWin.innerHTML = this.recurseWrite(mN);
}};