<!--

// --- CLIENTCHECK ---

function getClient() {
  // convert all characters to lowercase to simplify testing
  var agt=navigator.userAgent.toLowerCase()
  var apv=navigator.appVersion.toLowerCase()
  this.major = parseInt(navigator.appVersion)
  this.minor = parseFloat(navigator.appVersion)
  // browserversion
  this.opera = (agt.indexOf('opera')!=-1);
  this.ns  = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1) && (agt.indexOf('compatible') == -1)))
  this.ns4 = (this.ns && (this.minor >= 4.03) && (this.major < 5))
  this.ns6 = (this.ns && (this.major == 5) || this.opera)
  this.gecko = (this.ns && (this.major >= 5))
  this.ie   = (agt.indexOf("msie") != -1)
  this.ie4  = (this.ie && (this.major == 3))
  this.ie45 = (agt.indexOf('msie 4.5') != -1);
  this.ie5  = (this.ie && (this.major == 4))
  // platform
  this.mac = (apv.indexOf("macintosh")>0);
  this.win = (apv.indexOf("win")>0);	
  // compatible browsers
  this.ie4comp = ((this.ie4 && !this.mac) || this.ie45 || this.ie5)
  this.ns4comp = (this.ns4);
  this.ns6comp = (this.gecko || this.ns6);
  this.comp = (this.ie4comp || this.ns4comp || this.ns6comp);
  return (this)
}

var is = new getClient();

// --- GET ELEMENT(LAYERREFERENCE) ---

function getElt () 
{ if (is.ns4comp)
  {
    var currentLayer = document.layers[getElt.arguments[0]];
    for (var i=1; i<getElt.arguments.length && currentLayer; i++)
    {   currentLayer = currentLayer.document.layers[getElt.arguments[i]];
    }
    return currentLayer;
  } 
  else if (is.ie4comp) {
    var elt = eval('document.all.' + getElt.arguments[getElt.arguments.length-1]);
    return(elt);
  }
  else if (is.ns6comp) {
	var elt = document.getElementById(getElt.arguments[getElt.arguments.length-1]);
	return(elt);
  }
}

// --- DISPLAY ---

function setEltDisplay (elt, value) {
  if (!elt || elt == null) return;
  if (is.ns4comp) elt.display = value;
  else if (is.ie4comp) elt.style.display = value;
  else if (is.ns6comp) elt.style.display = value;
}

// --- VISIBILITY ---

function setEltVisibility (elt, value) {
  if (!elt || elt == null) return;
  if (is.ns4comp) elt.visibility = value;
  else if (is.ie4comp) elt.style.visibility = value;
  else if (is.ns6comp) elt.style.visibility = value;
}

// --- POSITION ---

function setEltLeft (elt, x) {
  if (!elt || elt == null) return;
  if (is.ns4comp)     elt.left=x;
  else if (is.ie4comp) elt.style.pixelLeft=x;
  else if (is.ns6comp) elt.style.left = (x + "px");
}

function setEltTop (elt, y) {
  if (!elt || elt == null) return;
  if (is.ns4comp)     elt.top=y;
  else if (is.ie4comp) elt.style.pixelTop=y;
  else if (is.ns6comp) elt.style.top= (y + "px");
}

function getEltTop (elt) { 
  if (!elt || elt == null) return;
  if (is.ns4comp)     return (elt.top);
  else if (is.ie4comp) return (elt.style.pixelTop);
  else if (is.ns6comp) return (elt.offsetTop);
}

function getEltWidth (elt) { 
  if (!elt || elt == null) return;
  if (is.ns4comp) return(elt.document.width);
  else if (is.ie4comp) return (elt.offsetWidth);
  else if (is.ns6comp) return (elt.offsetWidth);
}

function getEltHeight (elt){ 
  if (!elt || elt == null) return;
  if (is.ns4comp) return(elt.document.height);
  else if (is.ie4comp) return (elt.offsetHeight);
  else if (is.ns6comp) return (elt.offsetHeight);
}

// --- CLIPPING ---

function setEltClip (elt, cliptop, clipright, clipbottom, clipleft) 
{ if (is.ns4comp) {
    elt.clip.left   = clipleft;
    elt.clip.top    = cliptop;
    elt.clip.right  = clipright;
    elt.clip.bottom = clipbottom;
  }
  else if (is.ie4comp)  elt.style.clip = 'rect(' + cliptop + ' ' +  
       clipright + ' ' + clipbottom + ' ' + clipleft +')';
  else if (is.ns6comp)  elt.style.clip = 'rect(' + cliptop + ' ' +  
       clipright + ' ' + clipbottom + ' ' + clipleft +')';
}

// --- WINDOW PROPERTIES ---

function getWinHeight() 
{ if (is.ns4comp) return(window.innerHeight);
  else if (is.ie4comp) return(document.body.clientHeight);
  else if (is.ns6comp) return(window.innerHeight);
}

function getWinScrollLeft()
{ if (is.ns4comp) return(window.pageXOffset);
  else if (is.ie4comp) return(document.body.scrollLeft);
  else if (is.ns6comp) return(window.pageXOffset);
}

function getWinScrollTop()
{ if (is.ns4comp) return(window.pageYOffset);
  else if (is.ie4comp) return(document.body.scrollTop);
  else if (is.ns6comp) return(window.pageYOffset);
}


// ---MOUSE EVENT PROPERTIES ---

function getMouseWinTop(e) 
{ if (is.ns4comp) return(e.pageY - window.pageYOffset);
  else if (is.ie4comp) return(event.clientY);
  else if (is.ns6comp) return(e.pageY - window.pageYOffset);
}


// --- IMAGE SWAP ---

function swapImage(imgSrc, imgName, elt) { 
	if ((is.ns4comp) || (is.ie4comp)) {
		if (swapImage.arguments.length == 3) {
			eval("elt.document." + imgName + ".src = '" + imgSrc + "'");
		} else {
			eval("document." + imgName + ".src = '" + imgSrc + "'");
		}
	} else if (is.ns6comp) {
		var img = document.getElementsByName(imgName);
		img[0].src = imgSrc;
	}
}


// --- IMAGE PRELOAD ---

function preloadImages() { 
	if (document.images) {
		var imgStr = preloadImages.arguments;
		if (!document.preloadArray) document.preloadArray = new Array();
		var n = document.preloadArray.length;
		for (var i=0; i<preloadImages.arguments.length; i++) {
			document.preloadArray[n] = new Image;
			document.preloadArray[n].src = imgStr[i];
			n++;
		} 
	}
}

// --- FORMS ---

function getForm(formName,elt) { 
  if (is.opera || is.ns6comp) {
    return document.forms[formName];
  }
	else if ((is.ns4comp) || (is.ie4comp)) {
		if (getForm.arguments.length == 2) {
			return eval("elt.document." + formName);
		} else {
			return eval("document." + formName);
		}
	}
}

function formSubmit(elt,formName) { 
	formRef = getForm(formName,elt);
	formRef.submit();
}

function formReset(elt,formName) { 
	formRef = getForm(formName,elt);
	formRef.reset();
}

// --- FIX RESIZE BUG IN NETSCAPE ---

function initResizeBug() {
	document.orPageWidth = innerWidth;
	document.orPageHeight = innerHeight;
	onresize = nsResizeBug;
}

function nsResizeBug() {
	if (innerWidth != document.orPageWidth || innerHeight != document.orPageHeight) location.reload();
}

if (is.ns4comp) initResizeBug();

// ------------------- track mousemove

var curMouseX = 0;
var curMouseY = 0;


if (is.ns4comp) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

function getMouseXY(e) {
    curMouseY = getMouseWinTop(e);
    if (curMouseY < 0){curMouseY = 0}
  return true;
}

function init() {
  if (top != self) top.document.location = self.document.location.href;

	contentLayer = getElt('allecontent');
	initMargeblok();
	
	if (is.win && is.ie4comp) {
		isOnscrollEnabled = true;
		isContentclippingEnabled = true;
	} else if (is.ns4comp) {
		isContentclippingEnabled = true;
	//	scrollListener(); // vervangt de onscroll functionaliteit van IE Doen we niet aan
	} else {
		isContentclippingEnabled = false;
		//scrollListener(); 
	}

}

// ------------------- track scrollbewegingen

var lastScrollX;
var lastScrollY;
var isScrolling = false;
var activateMenu = 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) 
  {
  if(SelectedDayTD)
	 SelectedDayTD.style.border='';
  scrollAction();
  }
}



function scrollAction() {
	 margeblokUpdate();
}

// ------------------- SCHUIVEND MARGEPANEEL CONTENTPAGINA ------------------------------

var margeBlokMaxTop = 0;
var margeBlokMaxBottom = 0;
var isMargeblokSliding = false;
var footerHeight = 0;
var margeBlokDelay = 0;	// vertraging voordat het margeblok zich opnieuw positioneerd

function initMargeblok() {
	 
		footerHeight = 30;
		headerfotoHeight = 55;
		margeBlokDelay = 1000;
	
	margeKolomLayer = getElt('margeKolom');
	margeBlokLayer = getElt('margeBlok');
	contentLayer = getElt('allecontent');
	margeKolomHeight = eval("getEltHeight(margeKolomLayer)"); //hoogte van schuivend margeblok
	margeBlokHeight = eval("getEltHeight(margeBlokLayer)"); //hoogte van schuivend margeblok
	extrainfoHeight = eval("getEltHeight(extraInfo)"); //hoogte van schuivend margeblok
	contentHeight = eval("getEltHeight(contentLayer)"); //hoogte van content
	margeKolomTop = extrainfoHeight; 
	margeBlokMaxTop = extrainfoHeight+100;//margeKolomTop + margeKolomHeight;
	margeBlokMaxBottom = contentHeight+ 245;
	
	setEltTop (margeKolomLayer,margeKolomTop);
	setEltTop (margeBlokLayer,margeBlokMaxTop);
}

// Update margeblok na een scrollbeweging
var thetimeout;
function margeblokUpdate() {
window.status=window.status + 2
margeBlokLayer.style.position='absolute' 
margeBlokLayer.style.display='none';
if (thetimeout)
	clearTimeout(thetimeout);

	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	eval("setEltTop (margeBlokLayer," + (slideEndY+70) + ")");
	
//	if ((slideCurY != slideEndY) && (slideEndY >= margeBlokMaxTop) && !isMargeblokSliding) {
	window.status = 'setting timeout'
		isMargeblokSliding = true;
		thetimeout=setTimeout('margeblokMove()',margeBlokDelay)
//	}
}

// Beweeg margeblok van boven naar beneden
function margeblokMove(){
window.status=' move ' 
margeBlokLayer.style.display='inline';

	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	if (slideCurY != slideEndY) {
		if (slideCurY < slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 4)) + 1; // move down
		if (slideCurY > slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 4)) - 1; // move up
		slideCurY += Yplus;
		eval("setEltTop (margeBlokLayer," + slideCurY + ")");
		window.status=slideCurY;
		setTimeout('margeblokMove()',50)
	} else {
		isMargeblokSliding = false;
	}
}
function OLDmargeblokUpdate() {
margeBlokLayer.style.position='absolute' 

	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
	window.status = getWinScrollTop() + " + "   + getWinHeight() +" -" +  margeBlokHeight+ " - " + extrainfoHeight+"=" + slideEndY;
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	if ((slideCurY != slideEndY) && (slideEndY >= margeBlokMaxTop) && !isMargeblokSliding) {
		isMargeblokSliding = true;
		setTimeout('margeblokMove()',margeBlokDelay)
	}
}

// Beweeg margeblok van boven naar beneden
function OLDmargeblokMove(){
//alert(' move ' )
	var slideCurY = eval("getEltTop(margeBlokLayer)");
	var slideEndY = getWinScrollTop() + getWinHeight() - margeBlokHeight;
	if (slideEndY > (margeBlokMaxBottom - margeBlokHeight)) slideEndY = (margeBlokMaxBottom - margeBlokHeight);
	if (slideEndY < margeBlokMaxTop) slideEndY = margeBlokMaxTop;
	if (slideCurY != slideEndY) {
		if (slideCurY < slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) + 1; // move down
		if (slideCurY > slideEndY) var Yplus = (Math.ceil((slideEndY - slideCurY) / 2)) - 1; // move up
		slideCurY += Yplus;
		eval("setEltTop (margeBlokLayer," + slideCurY + ")");
		window.status=slideCurY;
		setTimeout('margeblokMove()',50)
	} else {
		isMargeblokSliding = false;
	}
}

// -->

