////////  BEPAAL SCHERMHOOGTE  ////////
if (self.innerWidth) {
	frameHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientWidth) {
	frameHeight = document.documentElement.clientHeight;
} else if (document.body) {
	frameHeight = document.body.clientHeight;
}
////////


////////  MOUSE Y OM POSITIE BOX TE BEPALEN ////////
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMouseY;
var mouseY = 0;
function getMouseY(e) {
	if (IE) {
		//mouseY = event.clientY + document.body.scrollTop;
	} else {
		//mouseY = e.pageY;
	}  
	if (mouseY < 0) mouseY = 0;
	return true;
}
////////


////////  POPUPBOX  ////////
function move_box(el, box) {
	var cleft = 0;
	var ctop = 0;
	var obj = el;
	while (obj.offsetParent) {
		cleft += obj.offsetLeft;
		ctop += obj.offsetTop;
		obj = obj.offsetParent;
	}
	box.style.left = cleft + 'px';
	ctop += el.offsetHeight + 8;
	if (mouseY > ((frameHeight / 2) + 140 ) ) {
		ctop = ctop - (el.offsetHeight + 150);
	}
	if (document.body.currentStyle && document.body.currentStyle['marginTop']) {
		ctop += parseInt(document.body.currentStyle['marginTop']);
	}
	box.style.top = ctop + 'px';
}
function show_hide_box(el) {
	var href = el.href;
	var boxdiv = document.getElementById('antwoord');
	var boxHeight = '200px';
	var boxWidth = '400px';
	if (boxdiv == null) {
		var contents = document.createElement('iframe');
		contents.scrolling = 'no';
		contents.frameBorder = '0';
		contents.style.width = boxWidth;
		contents.setAttribute('id', 'antwoordFrame');
		contents.style.height = boxHeight;
		contents.src = href;
		if (contents.addEventListener) {
			contents.addEventListener("load", setBoxHeight, false);
		} else if (contents.attachEvent) {
			contents.attachEvent("onload", setBoxHeight);
		}
		boxdiv = document.createElement('div');
		boxdiv.setAttribute('id', 'antwoord');
		boxdiv.style.display = 'block';
		boxdiv.style.position = 'absolute';
		boxdiv.style.width = boxWidth;
		boxdiv.style.height = boxHeight;
		boxdiv.style.border = 'solid 2px #2e3192';
		boxdiv.appendChild(contents);
		document.body.appendChild(boxdiv);
		move_box(el, boxdiv);
	} else {
		var contentFrame = document.getElementById('antwoordFrame');
		if (contentFrame) contentFrame.src = href;
		move_box(el, boxdiv);
		boxdiv.style.display='block';
	}
	return false;
}
function setBoxHeight() {
	var boxHeight = '200';
	var boxdiv = document.getElementById('antwoord');
	var contentFrame = document.getElementById('antwoordFrame');
	if(contentFrame && contentFrame.contentWindow)boxHeight = contentFrame.contentWindow.document.body.scrollHeight;
	if(contentFrame)contentFrame.style.height = (boxHeight + 12) + "px";
	if(boxdiv)boxdiv.style.height = (boxHeight + 12) + "px";
}
////////
