<!--

// --- NAVIGATIE DETAIL-PAGINA's ---

var isMenuVisible = false;
var isMenuTransforming = false;
var stPos;
var sbPos;

function showAll(){
  if(is.comp){
    var t = document.getElementById('logo-layer').offsetTop + document.getElementById('logo-layer').offsetHeight;
    t = t - document.getElementById('breadcrumb-layer').offsetHeight;
    var slideCurY = document.getElementById('breadcrumb-layer').offsetTop;
    var slideEndY = t;
    if(is.ie4comp && is.mac) {
      stPos = document.getElementById('selected-target').getElementsByTagName('A')[0].offsetLeft;
      sbPos = document.getElementById('selected-breadcrumb').getElementsByTagName('A')[0].offsetLeft;
    }
    hideBreadcrumbs(slideCurY,slideEndY);
    isMenuTransforming = true;
  }
}

function initMenu(){
  if(is.comp){
    document.getElementById('menu-all-layer').style.display = 'block';
    if(is.ie4comp && is.mac){
      var macHeight = document.getElementById('menu-all-layer').offsetHeight;
      if(is.mac && is.ie4comp) {
        document.getElementById('menu-all-layer').style.height = macHeight + 'px';
      }
    }
    document.getElementById('menu-all-layer').style.position = 'absolute';
    document.getElementById('menu-all-layer').style.top = '-500px';
    document.getElementById('menu-all-layer').style.left = '0px';
    document.getElementById('menu-all-layer').style.zIndex = 99;
    if(is.ie4comp && !is.mac) { document.getElementById('all-container').style.position = "absolute"; }
    resetSubMenu();
  }
}

function showBreadcrumbs(slideCurY,slideEndY){
  if (slideCurY < slideEndY) {
    var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) + 1;
    slideCurY += Yplus;
    if (slideCurY > slideEndY) slideCurY = slideEndY;
    if(is.ie4comp && is.mac) { document.getElementById('selected-breadcrumb').getElementsByTagName('A')[0].style.left = sbPos + "px"; }
    document.getElementById('breadcrumb-layer').style.top = slideCurY + "px";
    setTimeout('showBreadcrumbs(' + slideCurY + ',' + slideEndY + ')',10);
  } else {
    isMenuVisible = false;
    isMenuTransforming = false;
    document.getElementById('breadcrumb-layer').style.top = slideEndY + "px";
  }
}

function showMainMenu(slideCurY,slideEndY){
  if (slideCurY < slideEndY) {
    var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) + 1;
    slideCurY += Yplus;
    if (slideCurY > slideEndY) slideCurY = slideEndY;
    if(is.ie4comp && is.mac) { document.getElementById('selected-target').getElementsByTagName('A')[0].style.left = stPos + "px"; }
    document.getElementById('menu-all-layer').style.top = slideCurY + "px";
    //clip content: all-container
    if(is.ie4comp && !is.mac) {
      document.getElementById('all-container').style.clip = "rect(" + (slideCurY + document.getElementById('menu-all-layer').offsetHeight) + "px 1000px auto 0px)";
    }
    setTimeout('showMainMenu(' + slideCurY + ',' + slideEndY + ')',10);
  } else {
    isMenuVisible = true;
    isMenuTransforming = false;
    document.getElementById('menu-all-layer').style.top = slideEndY + "px";
    //clip content: all-container
    if(is.ie4comp && !is.mac) {
      document.getElementById('all-container').style.clip = "rect(" + (slideEndY + document.getElementById('menu-all-layer').offsetHeight) + "px 1000px auto 0px)";
    }
    menuListener();
  }
}

function hideBreadcrumbs(slideCurY,slideEndY){
  if (slideCurY > slideEndY) {
    var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) - 1;
    slideCurY += Yplus;
    if (slideCurY < slideEndY) slideCurY = slideEndY;
    document.getElementById('breadcrumb-layer').style.top = slideCurY + "px";
    setTimeout('hideBreadcrumbs(' + slideCurY + ',' + slideEndY + ')',10);
  } else {
    document.getElementById('breadcrumb-layer').style.top = slideEndY + "px";
    var t = document.getElementById('logo-layer').offsetTop + document.getElementById('logo-layer').offsetHeight;
    t = t - document.getElementById('menu-all-layer').offsetHeight;
    document.getElementById('menu-all-layer').style.top = t + "px";
    var mslideCurY = t;
    var mslideEndY = document.getElementById('logo-layer').offsetHeight;
    showMainMenu(mslideCurY,mslideEndY);
    isMenuTransforming = true;
  }
}

function hideMainMenu(slideCurY,slideEndY){
  if (slideCurY > slideEndY) {
    var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) - 1;
    slideCurY += Yplus;
    if (slideCurY < slideEndY) slideCurY = slideEndY;
    document.getElementById('menu-all-layer').style.top = slideCurY + "px";
    //clip content: all-container
    if(is.ie4comp && !is.mac) {
      document.getElementById('all-container').style.clip = "rect(" + (slideCurY + document.getElementById('menu-all-layer').offsetHeight) + "px 1000px auto 0px)";
    }
    setTimeout('hideMainMenu(' + slideCurY + ',' + slideEndY + ')',10);
  } else {
    isMenuVisible = false;
    resetSubMenu();
    document.getElementById('menu-all-layer').style.top = slideEndY + "px";
    document.getElementById('menu-all-layer').style.top = '-500px';
    //clip content: all-container
    if(is.ie4comp && !is.mac) {
      document.getElementById('all-container').style.clip = "rect(" + (slideEndY + document.getElementById('menu-all-layer').offsetHeight) + "px 1000px auto 0px)";
    }
    var t = document.getElementById('logo-layer').offsetTop + document.getElementById('logo-layer').offsetHeight;
    t = t - document.getElementById('breadcrumb-layer').offsetHeight;
    document.getElementById('breadcrumb-layer').style.top = t + "px";
    var bslideCurY = t;
    var bslideEndY = document.getElementById('logo-layer').offsetHeight;
    showBreadcrumbs(bslideCurY,bslideEndY);
  }
}

// is de muis onder het menu?
function menuListener() {
  if (isMenuVisible && !isMenuTransforming) {
    var scrollTopPage;
    var t = document.getElementById('menu-all-layer').offsetTop; //update berekening i.v.m. mogelijke fontvergroting
    var h = document.getElementById('menu-all-layer').offsetHeight; //update berekening i.v.m. mogelijke fontvergroting
    if( typeof( window.innerHeight ) == 'number' ) {
      //Non-IE
      scrollTopPage = window.pageYOffset;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
      //IE 6+ in 'standards compliant mode'
      scrollTopPage = document.documentElement.scrollTop;
    } else if( document.body && document.body.clientHeight ) {
      //IE 4 compatible
      scrollTopPage = document.body.scrollTop;
    }
    if ((mouseY + scrollTopPage) > (t + h)) {
      var t = document.getElementById('logo-layer').offsetTop + document.getElementById('logo-layer').offsetHeight;
      t = t - document.getElementById('menu-all-layer').offsetHeight;
      var h = document.getElementById('menu-all-layer').offsetTop;
      hideMainMenu(h,t);
      isMenuTransforming = true;
    } else {
      setTimeout('menuListener()',1000);
    }
  }
}

function closeMenuByTab(){
  var t = document.getElementById('logo-layer').offsetTop + document.getElementById('logo-layer').offsetHeight;
  t = t - document.getElementById('menu-all-layer').offsetHeight;
  var h = document.getElementById('menu-all-layer').offsetTop;
  hideMainMenu(h,t);
  isMenuTransforming = true;
}

// -----------------------

var isPageLoaded = false;

function initMargin(){
  initMarginBlock();
  isPageLoaded = true;
  if (is.win && is.ie4comp) {
    isOnscrollEnabled = true;
  } else {
    if(!(is.mac && is.ie4comp)){ scrollListener(); }
  }
}

// ------------------- SCHUIVEND MARGEPANEEL ------------------------------

var isMargeblokSliding = false;
var bottomPage;
var blockHeight;
var blockPos;
var blockMax;
var blockMin;

function margeBlockSettings(){
  var y = 0;
  var posy;
  var scrollTopPage;

  var thisRef;

  // DEFINING THE ULTIMATE TOP (=blockMax);
  thisRef = document.getElementById('marge-col');
  var posMargeCol = thisRef.offsetHeight;
  while( thisRef.offsetParent != null ) {
    y +=thisRef.offsetTop;
    thisRef = thisRef.offsetParent;
    }
  blockMax = y + posMargeCol;

  // DEFINING THE ULTIMATE BOTTOM (=blockMin);
  y = 0;
  thisRef = document.getElementById('footer-layer');
  blockHeight = document.getElementById('marge-functs').offsetHeight + 20;
  while( thisRef.offsetParent != null ) {
    y +=thisRef.offsetTop;
    thisRef = thisRef.offsetParent;
    }
  blockMin = y - blockHeight - 20;

  blockPos = document.getElementById('marge-functs').offsetTop;

  if( typeof( window.innerHeight ) == 'number' ) {
    //Non-IE
    scrollTopPage = window.pageYOffset;
    bottomPage = scrollTopPage + window.innerHeight;
  } else if( document.documentElement && document.documentElement.clientHeight ) {
    //IE 6+ in 'standards compliant mode'
    scrollTopPage = document.documentElement.scrollTop;
    bottomPage = 2 + scrollTopPage + document.documentElement.clientHeight;
  } else if( document.body && document.body.clientHeight ) {
    //IE 4 compatible
    scrollTopPage = document.body.scrollTop;
    bottomPage = scrollTopPage + document.body.clientHeight;
  }
}

function initMarginBlock () {
  if (is.comp && (!(is.mac && is.ie4comp))){
    var thisRef;

    margeBlockSettings();

    thisRef = document.getElementById('marge-functs');

    thisRef.style.position = 'absolute';
    thisRef.style.top = (blockMax - thisRef.offsetHeight) + 'px';
    thisRef.style.left = '500px';
    thisRef.style.width = '210px';


    document.getElementById('marge-spacer').style.height = (thisRef.offsetHeight) + "px";

    var slideCurY = blockPos;
    var slideEndY = bottomPage - blockHeight;
    if (slideEndY > blockMin) slideEndY = blockMin;
    if (slideEndY < blockMax) slideEndY = blockMax;
    if ((slideCurY != slideEndY) && (slideEndY >= blockMax) && !isMargeblokSliding) {
      isMargeblokSliding = true;
      setTimeout('margeblokMove()',2000)
    }
  }
}

// Beweeg margeblok van boven naar beneden en andersom als nodig.
function margeblokMove(){
  if (is.comp && (!(is.mac && is.ie4comp))){
    margeBlockSettings();

    var slideCurY = blockPos;
    var slideEndY = bottomPage - blockHeight;
    if (slideEndY > blockMin) slideEndY = blockMin;
    if (slideEndY < blockMax) slideEndY = (blockMax - document.getElementById('marge-functs').offsetHeight) ;
    //if(is.ie555 && !is.mac) { slideEndY = slideEndY - blockHeight; }
    if (slideCurY != slideEndY) {
      if (slideCurY < slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 6)) + 1; // move down
      if (slideCurY > slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 6)) - 1; // move up
      slideCurY += Yplus;
      document.getElementById('marge-functs').style.top = slideCurY + "px";
      setTimeout('margeblokMove()',10)
    } else {
      isMargeblokSliding = false;
    }
  }
}

// ------------------- track scrollbewegingen


var lastScrollY;
var isScrolling = false;

var isOnscrollEnabled = false; // true: gebruik onScroll event; false: gebuik scrollListner functie

// wordt geinitialiseerd als het onscroll event wordt ondersteund
function initOnscroll() {
  if(isOnscrollEnabled == true) scrollAction();
}

// vervangt de onscroll event van IE
function scrollListener() {
  if(!isOnscrollEnabled && is.comp) {
    var scrollTopPage
    if( typeof( window.innerHeight ) == 'number' ) {
      //Non-IE
      scrollTopPage = window.pageYOffset;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
      //IE 6+ in 'standards compliant mode'
      scrollTopPage = document.documentElement.scrollTop;
    } else if( document.body && document.body.clientHeight ) {
      //IE 4 compatible
      scrollTopPage = document.body.scrollTop;
    }
    if( lastScrollY != scrollTopPage) {
      isScrolling = true;
    }
    if( lastScrollY == scrollTopPage && isScrolling ) {
      isScrolling = false;
      scrollAction();
    }

    lastScrollY = scrollTopPage;
    setTimeout( "scrollListener();", 100 );
  }
}

function scrollAction() {
  if (isPageLoaded) {
    margeblokMove();
  }
}

// -------------------

//-->