//parameters voor submenu effecten
var MenuAniAktief=false;
var SubMenuCurOpacity=new Array();
var SubMenuTmpMouseOverLevel=-1;
var CurSubMenuLevel=0;
var MenuTimer=null;
var MenuMouseOverTimer=null;

var FotoTimer=null;
var FotoOpacity=100;
var FotoTransRichting=-1;
var FotoObjActief=null;
var FotoObjNietActief=null;
var NieuweFoto='';

function DoUrlChange(event)
{

  if(event.path!='')
  {//zoeken in structuur

    var urlChangeDone=CheckNavPad(event.path,false);

    if(!urlChangeDone)
      document.location.href=event.path;
  }

}

function CheckNavPad(MyPadStr,startup) //Update menuselectie en content vlak
{
  if(MyPadStr.length<2)
    return true;

  //Path opzoeken in navigatielijst
  var FoundMenuObj=null;
  UrlPath='#' + escape(MyPadStr);

  var urlOk=false;

  var firstmc =-1;//index 1e menu
  var secondmc=-1;//index 2e menu
  var thirdmc =-1;//index 3e menu
  var fourthmc=-1;

  for(fmc=0;fmc<SubMenu.length && FoundMenuObj==null;fmc++)
  {//firstmenu

    if(SubMenu[fmc].pathurl==UrlPath)
    {
      FoundMenuObj=SubMenu[fmc];

      firstmc=fmc;

    }

    for(smc=0;smc<SubMenu[fmc].subItem.length && FoundMenuObj==null;smc++)
    {//secondmenu
      if(SubMenu[fmc].subItem[smc].pathurl==UrlPath)
      {
        FoundMenuObj=SubMenu[fmc].subItem[smc];

        firstmc=fmc;
        secondmc=smc;

      }

      for(tmc=0;tmc<SubMenu[fmc].subItem[smc].subItem.length && FoundMenuObj==null;tmc++)
      {//thirdmenu
        if(SubMenu[fmc].subItem[smc].subItem[tmc].pathurl==UrlPath)
        {
          FoundMenuObj=SubMenu[fmc].subItem[smc].subItem[tmc];

          firstmc=fmc;
          secondmc=smc;
          thirdmc=tmc;

        }

        for(mc4=0;mc4<SubMenu[fmc].subItem[smc].subItem[tmc].subItem.length && FoundMenuObj==null;mc4++)
        {//thirdmenu
          if(SubMenu[fmc].subItem[smc].subItem[tmc].subItem[mc4].pathurl==UrlPath)
          {
            FoundMenuObj=SubMenu[fmc].subItem[smc].subItem[tmc].subItem[mc4];

            firstmc=fmc;
            secondmc=smc;
            thirdmc=tmc
            fourthmc=mc4;
          }

        }
      }

    }

  }

  if(!startup && firstmc<0 && MyPadStr.length>1 && StartOk)
  {//niks gevonden en niet bij opstarten dan hoofdingang index

    for(fmc=0;fmc<SubMenu.length && FoundMenuObj==null;fmc++)
    {//firstmenu
      if(SubMenu[fmc].isindex)
      {
        FoundMenuObj=SubMenu[fmc];
        firstmc=fmc;
      }
    }
  }


  if(firstmc>=0)
  {
    CurObjId='sub'+firstmc;
    SetKeuzeHiLight(CurObjId,'submenu');

    if(secondmc>=0)
    {
      if(MenuObjActive.indexOf(CurObjId)==-1)
      {
        BuildRegularSubMenu(CurObjId,SubMenu[firstmc],'subsubmenu');
        SubMenuCurOpacity[1]=0;
      }
      LevelsActive=2;

      CurObjId='sub'+firstmc+'_'+secondmc;
      SetKeuzeHiLight(CurObjId,'subsubmenu');

      if(thirdmc>=0)
      {
        if(MenuObjActive.indexOf(CurObjId)==-1)
        {
          BuildRegularSubMenu(CurObjId,SubMenu[firstmc].subItem[secondmc],'subsubsubmenu');
          SubMenuCurOpacity[2]=0;
        }
        LevelsActive=3;

        CurObjId='sub'+firstmc+'_'+secondmc+'_'+thirdmc;
        SetKeuzeHiLight(CurObjId,'subsubsubmenu');

        if (fourthmc>=0)
        {
          if(MenuObjActive.indexOf(CurObjId)==-1)
          {
            BuildRegularSubMenu(CurObjId,SubMenu[firstmc].subItem[secondmc].subItem[thirdmc],'subsubsubsubmenu');
            SubMenuCurOpacity[3]=0;
          }

          LevelsActive=4;

          CurObjId='sub'+firstmc+'_'+secondmc+'_'+thirdmc+'_'+fourthmc;
          SetKeuzeHiLight(CurObjId,'subsubsubsubmenu');

          SchakelSubmenu(CurObjId,3);
        }
        else
        {
          if(SubMenu[firstmc].subItem[secondmc].subItem[thirdmc].subItem.length==0)
          {//geen dieper niveau, dan diepere menu's opruimen
            if($('subsubsubsubmenu')!=null)
              $('subsubsubsubmenu').remove();

            SubMenuCurOpacity[3]=0;
            LevelsActive=3;

          }
          else
          {//vervolg menu weergeven
            if(MenuObjActive.indexOf(CurObjId)==-1)
            {
              BuildRegularSubMenu(CurObjId,SubMenu[firstmc].subItem[secondmc].subItem[thirdmc],'subsubsubsubmenu');
              SubMenuCurOpacity[3]=0;
            }

            //focus van evt. eerdere selectie uitschakelen
            SetKeuzeHiLight('','subsubsubsubmenu');

            LevelsActive=4;
          }

          SchakelSubmenu(CurObjId,2);
        }
      }
      else
      {
        if(SubMenu[firstmc].subItem[secondmc].subItem.length==0)
        {//geen dieper niveau, dan diepere menu's opruimen

          if($('subsubsubmenu')!=null)
            $('subsubsubmenu').remove();
          if($('subsubsubsubmenu')!=null)
            $('subsubsubsubmenu').remove();

          SubMenuCurOpacity[2]=0;
          LevelsActive=2;

        }
        else
        {//vervolg menu weergeven
          if(MenuObjActive.indexOf(CurObjId)==-1)
          {
            BuildRegularSubMenu(CurObjId,SubMenu[firstmc].subItem[secondmc],'subsubsubmenu');
            SubMenuCurOpacity[2]=0;
          }

          //focus van evt. eerdere selectie uitschakelen
          SetKeuzeHiLight('','subsubsubmenu');

          LevelsActive=3;
        }

        SchakelSubmenu(CurObjId,1);
      }

    }
    else
    {

      if(SubMenu[firstmc].subItem.length==0)
      {//geen dieper niveau, dan diepere menu's opruimen
        if($('subsubmenu')!=null)
          $('subsubmenu').remove();

        if($('subsubsubmenu')!=null)
          $('subsubsubmenu').remove();
        if($('subsubsubsubmenu')!=null)
          $('subsubsubsubmenu').remove();

        SubMenuCurOpacity[1]=0;
        SubMenuCurOpacity[2]=0;
        LevelsActive=1;

      }
      else
      {//vervolg menu weergeven
        if(MenuObjActive.indexOf(CurObjId)==-1)
        {
          BuildRegularSubMenu(CurObjId,SubMenu[firstmc],'subsubmenu');
          SubMenuCurOpacity[1]=0;
        }

        //focus van evt. eerdere selectie uitschakelen
        SetKeuzeHiLight('','subsubmenu');

        LevelsActive=2;
      }

      SchakelSubmenu(CurObjId,0);

    }

    WijzigContent(FoundMenuObj); ///// DEze functie wijzigt de daadwerkelijke content

    urlOk=true;
  }

  SetObjectClass($('submenuholder'), "CompressLevels", LevelsActive==4);


  return urlOk;
}


function schakeltaal(CurTaalObj,Taal,status)
{

  if(status!='') status='_'+status;
  var curPad='';
  var PadEindePos = CurTaalObj.src.lastIndexOf('/');
  if(PadEindePos!=-1) curPad=CurTaalObj.src.substring(0,PadEindePos+1);
  CurTaalObj.src=curPad+'knop_' + Taal + status + '.gif';
}


function ReWriteSubmenuLink(MenuId)
{

 if(!is_ie_oud){

  var MenuObj=$$('#'+MenuId+' a');

  var MenuLevel=SubStrCount('sub',MenuId);
  if(MenuLevel>0) MenuLevel--;

  CurSubMenuLevel = MenuLevel;
  LevelsActive=MenuLevel+1;
  SubMenuCurOpacity[MenuLevel]=100;

  $(MenuId).observe('mouseover', function(){
    MouseOverSubmenu(MenuLevel);
  });

  $(MenuId).observe('mouseout', function(){
    MouseOutSubmenu(MenuLevel);
  });

  for(mc=0;mc<MenuObj.length;mc++){
    var CurUl=MenuObj[mc].readAttribute('href');
    var CurRel=MenuObj[mc].readAttribute('rel');

    if(CurRel==null) CurRel='';

    if(CurRel.indexOf("nroview")!=-1){
      MenuObj[mc].writeAttribute('href','javascript:DoMediaViewer(\''+CurUl+'\');');
    }
    else if(CurRel.indexOf("doorlink")!=-1){
      MenuObj[mc].writeAttribute('href',CurUl);
    }
    else
    {//geen viewport (media), dan url herschrijven
      var NewUrl='#'+CurUl.substring(nro_webroot.length-1,1024);
      MenuObj[mc].writeAttribute('href',NewUrl);
    }

    MenuObj[mc].observe('mouseover', function(){
      MouseOverSubmenu(MenuLevel);
    });

    MenuObj[mc].observe('mouseout', function(){
      MouseOutSubmenu(MenuLevel);
    });

  }
 }

}


function SluitMediaViewer(){
  $('nroviewport').removeClassName('openviewport');
  $('nroviewport').addClassName('verbergviewport');

  var kidelementen = $('nroviewport').childElements();
  for(i=0;i<kidelementen.length;i++)
    kidelementen[i].remove();

}


function DoMediaViewer(DeUrl){

  var ChkElements=$$('#nroviewport .bgviewport');
  if(ChkElements.length ==0)
  {
    var BgImgObj=new Element('img', { 'id':'nrobgmedia', 'class': 'bgviewport', 'alt': '', 'src': NRO_Resources+'images/spacer.png','width':'1', 'height':'1'});
    $('nroviewport').insert(BgImgObj);

    var MediaContentFrame=new Element('iframe', {'id':'nromediaframe', 'scrolling':'no','marginwidth':'0', 'marginheight':'0', 'frameborder': '0', 'src': DeUrl,'width': '945', 'height':'655'});
    $('nroviewport').insert(MediaContentFrame);

  }


  SetPosMediaViewport();

  Event.observe(window,'resize',function(event){

    SetPosMediaViewport();

    if ($('nroviewport').hasClassName('verbergviewport')) {
      Event.stop(event);
    }
  });

  Event.observe(window,'scroll',function(event){

    SetPosMediaViewport();

    if ($('nroviewport').hasClassName('verbergviewport')) {
      Event.stop(event);
    }
  });

}


function SetPosMediaViewport(){
  var CurVenster=document.viewport.getDimensions();
  var CurScrollOffset=document.viewport.getScrollOffsets();

  $('nrobgmedia').setStyle('top:'+CurScrollOffset.top+'px; left:'+CurScrollOffset.left+'px; height:'+CurVenster.height+'px; width:'+CurVenster.width+'px;');

  var Ftoppos=Math.floor((CurVenster.height-655)/2);
  if(Ftoppos<0) Ftoppos=0;

  var Fleftpos=Math.floor((CurVenster.width-945)/2);
  if(Fleftpos<0) Fleftpos=0;

  $('nromediaframe').setStyle('top:'+(CurScrollOffset.top+Ftoppos)+'px; left:'+(CurScrollOffset.left+Fleftpos)+'px;');

  $('nroviewport').removeClassName('verbergviewport');
  $('nroviewport').addClassName('openviewport');


}


function ReWriteBackLink()
{
 if(!is_ie_oud){

  var backObj=$$('#backknop a');

  for(mc=0;mc<backObj.length;mc++){
    var CurUl=backObj[mc].readAttribute('href');

    var NewUrl='#'+CurUl.substring(nro_webroot.length-1,1024);
    backObj[mc].writeAttribute('href',NewUrl);

  }
 }
}

function SetObjectClass(obj, cssClass, adding)
{
  if(!obj)
    return;
  if(typeof obj.className == 'undefined')
    return;

  var cssClasses = obj.className.split(' ');
  if (cssClasses.length == 1 && cssClasses[0] == '')
    cssClasses = [];

  if (adding)
  {
    // If not added yet, add CSS class
    for (var i = 0; i < cssClasses.length; ++i)
      if (cssClasses[i] == cssClass)
        return; // already added, nothing to do
    cssClasses.push(cssClass);
  }
  else
  {
    // Remove CSS class
    var foundClass = false;
    for (var i = 0; i < cssClasses.length; ++i)
      if (cssClasses[i] == cssClass)
      {
        cssClasses.splice(i, 1);
        foundClass = true;
        break;
      }
    if (!foundClass)
      return; // class not found
  }
  obj.className = cssClasses.join(' ');
}
function ShowBackUrl(AjaxUrl,txtterug)
{
  var BackObj=document.getElementById('backknop');
  BackObj.innerHTML='';

  if(AjaxUrl!='')
  {
    //back knop
    var BackParts=AjaxUrl.split('/');
    BackParts.pop();
    BackParts[BackParts.length-1]='';
    var BackUrl=BackParts.join('/');

    BackObj.innerHTML='<a href="#'+BackUrl+'" class="terugknop">'+txtterug+'</a>';
  }
}

function MouseOverSubmenu(MenuLevel)
{
  if(!MenuAniAktief){
    SubMenuTmpMouseOverLevel=MenuLevel;
    clearTimeout(MenuMouseOverTimer);

    MenuMouseOverTimer=setTimeout('DoMenuMouseOver('+MenuLevel+');',250);

  }
}

function DoMenuMouseOver(MenuLevel)
{

  MenuAniAktief=true;
  FadeMenu(MenuLevel);

}


function MouseOutSubmenu(MenuLevel)
{

  if(!MenuAniAktief && SubMenuTmpMouseOverLevel>=0)
  {
    clearTimeout(MenuMouseOverTimer);
    SubMenuTmpMouseOverLevel=-1;

    MenuMouseOverTimer=setTimeout('DoMenuMouseOut();',250);
  }

}

function DoMenuMouseOut()
{

  MenuAniAktief=true;
  FadeMenu(CurSubMenuLevel);

}

function FadeMenu(MenuNiveau)
{
  var Stap=10;//range 0..100
  var Timing=40;
  var MaxOpacity=100;
  var MinOpacity=50;

  var SubMenuCurOpacityNew=new Array();

  var CountToFade=0;
//LevelsActive=3;
  for(c=0;c<LevelsActive;c++)
  {
    SubMenuCurOpacityNew[c]=SubMenuCurOpacity[c];


    if(SubMenuTmpMouseOverLevel!=c)
    {

      if(c < CurSubMenuLevel)
      {//fade naar MinOpacity
        if(MenuNiveau==CurSubMenuLevel || SubMenuTmpMouseOverLevel>=0)
        {
          if(SubMenuCurOpacity[c]>MinOpacity)
            SubMenuCurOpacityNew[c]-=Stap;
          if(SubMenuCurOpacityNew[c]<MinOpacity) SubMenuCurOpacityNew[c]=MinOpacity;
        }
      }

      if(c > CurSubMenuLevel+1)
      {//verbergen
        var CurMinOpacity=0;
        var CurStap=Stap*2;

        if(SubMenuCurOpacity[c]>CurMinOpacity)
          SubMenuCurOpacityNew[c]-=CurStap;
        if(SubMenuCurOpacityNew[c]<CurMinOpacity) SubMenuCurOpacityNew[c]=CurMinOpacity;

      }

    }

    if(((c == MenuNiveau || c == MenuNiveau+1) && SubMenuTmpMouseOverLevel<0) || SubMenuTmpMouseOverLevel==c)
    {

      if(SubMenuCurOpacity[c]<MaxOpacity)
        SubMenuCurOpacityNew[c]+=Stap;
      if(SubMenuCurOpacityNew[c]>MaxOpacity) SubMenuCurOpacityNew[c]=MaxOpacity;
    }

    if(SubMenuCurOpacityNew[c]!=SubMenuCurOpacity[c]) CountToFade++;

  }


  var submenuids=['submenu','subsubmenu','subsubsubmenu','subsubsubsubmenu'];


  if(CountToFade)
  {
    for(c=0;c<LevelsActive;c++)
    {
      if(SubMenuCurOpacity[c]!=SubMenuCurOpacityNew[c])
      {
        SubMenuCurOpacity[c]=SubMenuCurOpacityNew[c];

        var el = document.getElementById(submenuids[c]);
        if(el)
        {
          ZetAlpha(el.id, SubMenuCurOpacity[c]);
        }
      }
    }

    MenuTimer = setTimeout('FadeMenu('+MenuNiveau+')',Timing);

  }
  else
  {
    clearTimeout(MenuTimer);
    MenuAniAktief=false;

  }

  for(c=0;c<LevelsActive;c++)
  {
    var el = document.getElementById(submenuids[c]);
    if(el)
    {
      SetObjectClass(el, "Unfaded", SubMenuCurOpacity[c] == 100);
    }
  }
}


function SchakelSubmenu(CurObjId,MenuNiveau)
{
  if(!MenuAniAktief){

    clearTimeout(MenuMouseOverTimer);
    SubMenuTmpMouseOverLevel=-1;

    MenuAniAktief=true;
    CurSubMenuLevel=MenuNiveau;

    MenuObjActive=CurObjId;

    FadeMenu(MenuNiveau);

  }

}


function WijzigContent(KeuzeObj)
{

  document.getElementById("gmapholder").className='verborgen';


  var MijnContentObj=$$('#contentvlak div.inhoud');
  if(MijnContentObj.length==0)
    MijnContentObj=$$('#contentvlak div.inhouddoc');

  if(MijnContentObj.length==1)
  {

    if(KeuzeObj.isworddoc)
    {
      document.getElementById('contentholder').className='inhouddoc';
    } else {
      document.getElementById('contentholder').className='inhoud';
    }


    new Ajax.Updater('contentholder', KeuzeObj.url, {
      method: 'get',
      onSuccess: function(transport){

        var ChkSubMenuDepth=MenuObjActive.split('_').length;
        //menu te diep, dan ook laten zien!
        if(KeuzeObj.showcontent || ChkSubMenuDepth>3)
        {
          document.getElementById('contentvlak').className='showcontent';
        }
        else
        {
          document.getElementById('contentvlak').className='verbergcontent';
        }

        var MijnTitelObj=$$('#contentvlak div.item img');
        if(MijnTitelObj.length==1)
        {
          if(KeuzeObj.titel!='')
          {
            //MijnTitelObj[0].update(KeuzeObj.titel);
            MijnTitelObj[0].writeAttribute('src',repository_url+'titel.shtml?c=iso&t='+escape(KeuzeObj.titel));
          }
          else
          {
            //MijnTitelObj[0].update('&nbsp;');
            MijnTitelObj[0].writeAttribute('src',repository_url+'images/spacer.png');
          }
        }

        //foto wissel
        if(FotoOpacity>0)
        {
          FotoTransRichting=-1;
          var bgFotoObj=document.getElementById('sfeerfoto');
          var bgNewFotoObj=document.getElementById('transsfeerfoto');
        }
        else
        {
          FotoTransRichting=1;
          var bgFotoObj=document.getElementById('transsfeerfoto');
          var bgNewFotoObj=document.getElementById('sfeerfoto');
        }

        if(bgFotoObj.src!=KeuzeObj.bgfoto && KeuzeObj.bgfoto!='')
        {
          //bgNewFotoObj.src=KeuzeObj.bgfoto;
          FotoObjActief=bgNewFotoObj;
          FotoObjNietActief=bgFotoObj;
          NieuweFoto=KeuzeObj.bgfoto;
          TransformFoto();
        }

        var AjaxContent=transport.responseText;
        AjaxContent.evalScripts();

      }
    });

  }

}


function TransformFoto()
{

  var Stap=10;//range 0..100
  var Timing=60;

  if((FotoOpacity>0 && FotoTransRichting<0) || (FotoOpacity<100 && FotoTransRichting>0))
  {
   if(ImgPreLoadDone){//pas starten als fotos geladen zijn

     if(FotoObjActief.src!=NieuweFoto)
       FotoObjActief.src=NieuweFoto;

    FotoOpacity+=FotoTransRichting*Stap;

    if(FotoOpacity<0) FotoOpacity=0;
    if(FotoOpacity>100) FotoOpacity=100;

    ZetAlpha('sfeerfoto',FotoOpacity);
    ZetAlpha('transsfeerfoto',100-FotoOpacity);

    FotoTimer = setTimeout('TransformFoto()',Timing);
   } else {
     setTimeout('TransformFoto()',100);
   }
  }
  else
  {
    FotoObjNietActief.src='';//oude foto uitschakelen
    clearTimeout(FotoTimer);
  }

}



function hoofdmenu(CurObj,CurObjNr,status)
{
  if(status!='') status+='_';
  CurObj.src=nro_webroot+'menu/^menu.js/'+status+'menu'+CurObjNr+'.jpg';
}


function SetKeuzeHiLight(KeuzeId,MenuId)
{

  //keuze hilight aanpassen
  var MenuKeuzes=$$('#'+MenuId+' a');
  for(mc=0;mc<MenuKeuzes.length;mc++){
    var CurKeuzeId=MenuKeuzes[mc].readAttribute('id');
    var CurKeuzeClass=MenuKeuzes[mc].readAttribute('class');
    if(CurKeuzeClass==null) CurKeuzeClass='';

    if(CurKeuzeClass.indexOf('theater')!=-1)
    {
      if(KeuzeId==CurKeuzeId)
      {
        MenuKeuzes[mc].writeAttribute('class','theater aktief');
      }
      else
      {
        MenuKeuzes[mc].writeAttribute('class','theater');
      }
    }
    else
    {
      if(KeuzeId==CurKeuzeId)
      {
        MenuKeuzes[mc].writeAttribute('class','aktief');
      }
      else
      {
        MenuKeuzes[mc].writeAttribute('class','');
      }
    }
  }

}


function AddTheaterNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel)
{
  var curlocatie='';
  for(cm=0;cm<CurSubMenuLst.subItem.length;cm++)
  {
    if(curlocatie!=CurSubMenuLst.subItem[cm].locatie){
      NieuwCellContent=new Element('div', { 'class':'theaterlocatie'}).update(CurSubMenuLst.subItem[cm].locatie);
      NieuwCellObj.insert(NieuwCellContent);
    }

    if(CurSubMenuLst.subItem[cm].ismedia){
      NieuwCellContent=new Element('a', { 'class':'theater', 'href': 'javascript:DoMediaViewer(\''+CurSubMenuLst.subItem[cm].pathurl+'\');','id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    } else if(CurSubMenuLst.subItem[cm].locatie!=''){
      NieuwCellContent=new Element('a', { 'class':'theater', 'href': CurSubMenuLst.subItem[cm].pathurl,'id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    } else {
      NieuwCellContent=new Element('a', { 'class':'theater', 'href': CurSubMenuLst.subItem[cm].pathurl,'id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    }

    NieuwCellContent.observe('mouseover', function(){
      MouseOverSubmenu(MenuLevel);
    });

    NieuwCellContent.observe('mouseout', function(){
      MouseOutSubmenu(MenuLevel);
    });

    NieuwCellObj.insert(NieuwCellContent);

  }

  return NieuwCellObj;
}


function AddOneKolNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel)
{
  for(cm=0;cm<CurSubMenuLst.subItem.length;cm++)
  {

    if(CurSubMenuLst.subItem[cm].ismedia){
      NieuwCellContent=new Element('a', { 'href': 'javascript:DoMediaViewer(\''+CurSubMenuLst.subItem[cm].pathurl+'\');','id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    } else {
      NieuwCellContent=new Element('a', { 'href': CurSubMenuLst.subItem[cm].pathurl,'id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    }

    NieuwCellContent.observe('mouseover', function(){
      MouseOverSubmenu(MenuLevel);
    });

    NieuwCellContent.observe('mouseout', function(){
      MouseOutSubmenu(MenuLevel);
    });

    NieuwCellObj.insert(NieuwCellContent);

  }

  return NieuwCellObj;
}


function AddTwoKolNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel)
{
  var FirstColCount=Math.ceil(CurSubMenuLst.subItem.length/2);

  var NieuwTabelObj = new Element('table', { 'width':'100%', 'cellpadding': '0', 'cellspacing': '0' });
  var NieuwTBodyObj = new Element('tbody');
  var NieuwTrObj=new Element('tr');

  var NieuwKolObj=new Element('td', {'width':'50%' });
  for(cm=0;cm<FirstColCount;cm++)
  {//1e kolom

    if(CurSubMenuLst.subItem[cm].ismedia){
      NieuwKolContent=new Element('a', { 'href': 'javascript:DoMediaViewer(\''+CurSubMenuLst.subItem[cm].pathurl+'\');','id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);

    } else {
      NieuwKolContent=new Element('a', { 'href': CurSubMenuLst.subItem[cm].pathurl,'id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    }

    NieuwKolContent.observe('mouseover', function(){
      MouseOverSubmenu(MenuLevel);
    });

    NieuwKolContent.observe('mouseout', function(){
      MouseOutSubmenu(MenuLevel);
    });

    NieuwKolObj.insert(NieuwKolContent);

  }
  NieuwTrObj.insert(NieuwKolObj);

  var NieuwKolObj=new Element('td', {'width':'50%'});
  for(cm=FirstColCount;cm<CurSubMenuLst.subItem.length;cm++)
  {//2e kolom

    if(CurSubMenuLst.subItem[cm].ismedia){
      NieuwKolContent=new Element('a', { 'href': 'javascript:DoMediaViewer(\''+CurSubMenuLst.subItem[cm].pathurl+'\');','id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    } else {
      NieuwKolContent=new Element('a', { 'href': CurSubMenuLst.subItem[cm].pathurl,'id':CurObjId+'_'+cm }).update(CurSubMenuLst.subItem[cm].titel);
    }

    NieuwKolContent.observe('mouseover', function(){
      MouseOverSubmenu(MenuLevel);
    });

    NieuwKolContent.observe('mouseout', function(){
      MouseOutSubmenu(MenuLevel);
    });

    NieuwKolObj.insert(NieuwKolContent);
  }
  NieuwTrObj.insert(NieuwKolObj);

  NieuwTBodyObj.insert(NieuwTrObj);
  NieuwTabelObj.insert(NieuwTBodyObj);
  NieuwCellObj.insert(NieuwTabelObj);

  return NieuwCellObj;
}



function BuildRegularSubMenu(CurObjId,CurSubMenuLst,menuidstr)
{

  var TmpMenuHolderObj=$('submenuholder');

  var MenuLevel=SubStrCount('sub',menuidstr)-1;

  if(MenuLevel<=1)
  {
    if($('subsubmenu')!=null)
    {
      //huidige menu opruimen
      $('subsubmenu').remove();
//nieuwe menu DIRECT WEERGEVEN zonder fade effect
      SubMenuCurOpacity[1]=100;
    }
    else
    {

//Nieuwe menu eerst verbergen en dan via fade effect weergeven
      SubMenuCurOpacity[1]=0;
    }

  }

  if(MenuLevel<=2)
  {
    if($('subsubsubmenu')!=null)
    {
      $('subsubsubmenu').remove();
  //nieuwe menu DIRECT WEERGEVEN zonder fade effect
      SubMenuCurOpacity[2]=100;
    }
    else
    {
  //Nieuwe menu eerst verbergen en dan via fade effect weergeven
      SubMenuCurOpacity[2]=0;
    }
  }

  if($('subsubsubsubmenu')!=null)
  {
    $('subsubsubsubmenu').remove();
//nieuwe menu DIRECT WEERGEVEN zonder fade effect
    SubMenuCurOpacity[3]=100;
  }
  else
  {
//Nieuwe menu eerst verbergen en dan via fade effect weergeven
    SubMenuCurOpacity[3]=0;
    }

  var NieuwTabelObj = new Element('table', { 'id':menuidstr,'cellpadding': '0', 'cellspacing': '0' });
  var NieuwTBodyObj = new Element('tbody');
  var NieuwTrObj=new Element('tr');
  var NieuwCellObj=new Element('th');

//Titel bovenaan menu
  var NieuwCellContent=new Element('div', { 'class':'item'}).update(CurSubMenuLst.titel);
  NieuwCellObj.insert(NieuwCellContent);

//scheidings lijn
  NieuwCellContent=new Element('div', { 'class':'scheiding'});
  NieuwCellContent.insert(new Element('img', { 'src':'images/spacer.png','width':'1','height':'1','alt':''}));
  NieuwCellObj.insert(NieuwCellContent);

  var DoTheaterList=false;
  for(mc=0;mc < CurSubMenuLst.subItem.length;mc++)
  {
    if(CurSubMenuLst.subItem[mc].locatie!='')
      DoTheaterList=true;
  }

//de navigatie elementen opbouwen
  if(DoTheaterList)
  {
    NieuwCellObj=AddTheaterNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel);
  }
  else
  if(CurSubMenuLst.subItem.length>4)
  {
    NieuwCellObj=AddTwoKolNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel);
  }
  else
  {
    NieuwCellObj=AddOneKolNav(NieuwCellObj,CurObjId,CurSubMenuLst,MenuLevel);
  }
  NieuwTrObj.insert(NieuwCellObj);

//De schaduw effecten
  NieuwCellObj=new Element('td',{'class':'bgbannerrechts'});
  NieuwCellContent=new Element('img', { 'src':'images/spacer.png','width':'4','height':'1','alt':''});
  NieuwCellObj.insert(NieuwCellContent);

  NieuwTrObj.insert(NieuwCellObj);

  NieuwTBodyObj.insert(NieuwTrObj);

  NieuwTrObj=new Element('tr');

  NieuwCellObj=new Element('td',{'class':'bgbanneronder','colspan':'2'});
  NieuwCellContent=new Element('img', { 'src':'images/spacer.png','width':'1','height':'4','alt':''});
  NieuwCellObj.insert(NieuwCellContent);

  NieuwTrObj.insert(NieuwCellObj);

  NieuwTBodyObj.insert(NieuwTrObj);

  NieuwTabelObj.insert(NieuwTBodyObj);

//de events koppelen aan tabel voor mousover effecte
  NieuwTabelObj.observe('mouseover', function(){
    MouseOverSubmenu(MenuLevel);
  });

  NieuwTabelObj.observe('mouseout', function(){
    MouseOutSubmenu(MenuLevel);
  });

//de nieuwe navigatie weergeven
  TmpMenuHolderObj.insert(NieuwTabelObj);

}