var footerH = 120;
var headerH = 293;

var argL = 0; // default

var eLogo,eLogoIMG; // voor logo tooltip image
var daClientW;

// ======================================================
function initLogoTT() {
	eLogo = document.getElementById('ITCLOGO');
	eLogo.onmouseover = MVlogo;
	eLogo.onmouseout  = MTlogo;

	eLogoIMG = document.getElementById('ITCLOGO_TTimg');
}

// ======================================================
function MTlogo() {
	if (eLogo) {
		if (eLogo.addEventListener) { // W3C event-handler
			eLogo.removeEventListener('',MMlogo,false)
		}
		if (eLogo.attachEvent) { // Microsoft event-handler
			eLogo.detachEvent('onmousemove',MMlogo)
		}
	}
	eLogoIMG.style.display = 'none';
}

// ======================================================
function MVlogo() {
	if (eLogo) {
		if (eLogo.addEventListener) { // W3C event-handler
			eLogo.addEventListener('mousemove',MMlogo,false);
		}
		if (eLogo.attachEvent) { // Microsoft event-handler
			eLogo.attachEvent('onmousemove',MMlogo);
		}
	}
}

// ======================================================
function MMlogo(e) {
	if (!e) { // e opvullen voor Microsoft IE
		var e = window.event;
	}
	//alert('Event gedetecteerd van het type: ' +e.type);

	eLogoIMG.style.display = 'inline';
	eLogoIMG.style.left = (e.clientX - Math.floor((daClientW - 980)/2))+'px';
	eLogoIMG.style.top  = e.clientY+'px';
}

// ======================================================
function doresize() {
	setH('content','left','right');
	// give the id's of all concerning columns inside 'container'
	// Each column stretches its height due to its content :
	// the footer top position is computed after the page is loaded : under the heighest column

	var dEL = document.documentElement;
	daClientW = dEL ? dEL.clientWidth  : document.body.clientWidth;
}

// ======================================================
function setH() {
	argL = setH.arguments.length;

	var allColH = colH(setH.arguments);
	var windowH = document.body.clientHeight - headerH;
	var fillH = windowH - footerH;
	var TFfill = (footerH + allColH < windowH);
	var daH = TFfill ? fillH : allColH;

	for (var i=0;i < argL;i++) {
		document.getElementById(setH.arguments[i]).style.height = daH + "px";
		document.getElementById(setH.arguments[i]).style.marginBottom = (TFfill ? 0 : footerH) + "px";
	}

	document.getElementById('footer').style.top = (daH + headerH) + "px";
	document.getElementById('footer').style.visibility = "visible";
	if (document.getElementById('contentVlineBlue')) {
		document.getElementById('contentVlineBlue').style.height = (daH - 6 - 10) + "px";
	}
}

// ======================================================
function colH(aColID) { // Array containing all IDs of the concerning COLumns
	var i;
	var oH = 0;
	var cOH = new Array();

	for (i=0;i < argL;i++) {
		document.getElementById(aColID[i]).style.height = 'auto';
		cOH[i] = document.getElementById(aColID[i]).offsetHeight;
	}

	for (i=0;i < argL;i++) {
		if (cOH[i] > oH)
			oH = cOH[i];
	}

	return oH;
}

// ======================================================
function miMV(ID) {
	document.getElementById("L"+ID).style.backgroundPosition = "0px -25px";
}

// ======================================================
function miMT(ID) {
	document.getElementById("L"+ID).style.backgroundPosition = "0px 0px";
}

// ======================================================
function subMV(ID) {
	miMV(ID);
	document.getElementById("U"+ID).style.display = 'block';
}

// ======================================================
function subMT(ID) {
	miMT(ID);
	document.getElementById("U"+ID).style.display = 'none';
}

// ======================================================
function imgPopClose() {
	document.getElementById('imgPopDiv').style.display = 'none';
}

// ======================================================
function MVboard(TH) {
	TH.style.backgroundColor = '#DDDDDD';
	document.getElementById('img_'+TH.id).style.display = 'block';
}

// ======================================================
function MTboard(TH) {
	TH.style.backgroundColor = '#E6E6E6';
	document.getElementById('img_board1').style.display = 'none';
	document.getElementById('img_board2').style.display = 'none';
	document.getElementById('img_board3').style.display = 'none';
	document.getElementById('img_board4').style.display = 'none';
	document.getElementById('img_board5').style.display = 'none';
	document.getElementById('img_board6').style.display = 'none';
	document.getElementById('img_board7').style.display = 'none';
}