var balk1, balk2;
window.onload = function () {
	stretchToFit();
	menuKeys();
	balk1 = new Talenbalk('talenbalk_1');
	balk2 = new Talenbalk('talenbalk_2');
};


function stretchToFit() {
	var contentEl = document.getElementById('wrapper_content'), m1 = document.getElementById('wrapper_menu1'), m2 = document.getElementById('wrapper_menu2');
	if (contentEl && m1 && m2) {
		var h = Math.max(contentEl.offsetHeight, Math.max(m1.offsetHeight, m2.offsetHeight));
		m1.style.height = h + 'px';
		m2.style.height = h + 'px';
	}
}

function IEmenu() {
	var lis = document.getElementById('menu_1').getElementsByTagName('li');
	for (var i = 0; i < lis.length; i++) {
		if (lis[i].className.indexOf('metsub') > -1) {
			lis[i].onmouseover = erover;
			lis[i].onmouseout = eraf;
		}
	}
	function erover() {
		this.getElementsByTagName('ul')[0].className += ' erover';
		this.className += ' erover';
	}
	function eraf() {
		this.getElementsByTagName('ul')[0].className = this.getElementsByTagName('ul')[0].className.replace(/ erover/, '');
		this.className = this.className.replace(/ erover/, '');
	}
}

function openwin(url, w, h) {
	window.open(url, '', 'width='+w+',height='+h + (arguments.length > 3 ? ',scrollbars=yes' : ''));
}

menuKeys = function (node) {
	if (!document.getElementById('menu_1')) return;
	var menuEls = document.getElementById('menu_1').getElementsByTagName("A"), code;
	for (var i=0; i<menuEls.length; i++) {
		if(menuEls[i].nextSibling && menuEls[i].nextSibling.nextSibling){
			if(menuEls[i].nextSibling.nextSibling.nodeName == 'UL'){
				menuEls[i].onkeypress = function(e) {
					if (window.event) e = window.event; 
					code = e.keyCode ? e.keyCode : e.which;
					if (code != 9) {
						var parentobj = this.parentNode;
						var menuEls = parentobj.parentNode.getElementsByTagName("LI");
						// alert(menuEls.length);
						for (var i=0; i<menuEls.length; i++) {
							if (menuEls[i] != parentobj) {
								if (menuEls[i].className.indexOf('erover') > -1) {
									menuEls[i].className = menuEls[i].className.replace(/ erover/, '');
								}
							}
						}
						if (parentobj.className.indexOf('erover') > -1){
							parentobj.className = parentobj.className.replace(/ erover/, '');
							this.nextSibling.nextSibling.className = this.nextSibling.nextSibling.className.replace(/ erover/, '');
						} else {
							parentobj.className += " erover";
							this.nextSibling.nextSibling.className += ' erover';
						}
					}
				}
			}
		}
	}
}




function Talenbalk(id) {
	if (!document.getElementById(id))
		return false;
	this.debox = document.getElementById(id);
	if (!setOpType(this.debox))
		return;
	this.debox.modelObj = this;
	this.debox.onmouseover = toonBalk;
	this.debox.onmouseout = verbergBalk;
	// hoogte aanpassen
	this.debox.style.height = (this.debox.parentNode.offsetHeight - this.debox.parentNode.childNodes[0].offsetHeight) + 'px';
}
Talenbalk.prototype.toon = function () {
	if (typeof balk1.debox != "undefined" && typeof balk2.debox != "undefined") {
		if (this == balk1)
			op == 'filter' ? balk2.debox.style.filter = "alpha(opacity="+(opamin*100)+")" : balk2.debox.style[op] = opamin;
		else if (this == balk2)
			op == 'filter' ? balk1.debox.style.filter = "alpha(opacity="+(opamin*100)+")" : balk1.debox.style[op] = opamin;
	}
	clearInterval(klok);
	curBalk = this.debox;
	opa = op == 'filter' ? curBalk.style[op].replace(/[^0-9]+/g, '')/10 : curBalk.style[op]*10;
	klok = window.setInterval('fadeIn()', 100);
}
Talenbalk.prototype.verberg = function () {
	clearInterval(klok);
	curBalk = this.debox;
	opa = op == 'filter' ? curBalk.style[op].replace(/[^0-9]+/g, '')/10 : curBalk.style[op]*10;
	klok = window.setInterval('fadeOut()', 50);
}
function toonBalk() {
	var modelObj = this.modelObj;
	if (modelObj) 
		modelObj.toon(); 
}
function verbergBalk() {
	var modelObj = this.modelObj;
	if (modelObj)
		modelObj.verberg(); 
}
function setOpType(el) {
	if (typeof el.style.opacity != "undefined")
		op = 'opacity';
	else if (typeof el.style.MozOpacity != "undefined")
		op = 'MozOpacity';
	else if (typeof el.style.filter != "undefined")
		op = 'filter';
	else 
		return false;
	return true;
}
var opa = 1, opamax = 1, opamin = 0.1, klok, curBalk, op;
function fadeIn() {
	// alert(opa);
	if (opa/10 <= opamax) {
		op == 'filter' ? curBalk.style.filter = "alpha(opacity="+(opa*10)+")" : curBalk.style[op] = opa/10;
		opa++;
	} else {
		clearInterval(klok);
	}
}
function fadeOut() {
	if (opa/10 >= opamin) {
		op == 'filter' ? curBalk.style.filter = "alpha(opacity="+(opa*10)+")" : curBalk.style[op] = opa/10;
		opa--;
	} else {
		clearInterval(klok);
	}
}