var openmenu = '';
var base_top = '';
var menuedit = 0;

function menu(bar) {
	
	var home_button = document.getElementById('navigatie').getElementsByTagName('li')[0];
	var base_height = home_button.offsetHeight;
	//var bg_color = getBackground(home_button);

	if (bar != '') {
		var cat = document.getElementById('nav_'+bar);
		var submenu = cat.getElementsByTagName('ul');
		if (submenu.length == 0) {
			bar = '';
		} else {
			var ul = submenu[0];
			var bar_status = ul.style.display;
		}
	}
	
	// als een menu niet gesloten hoeft te worden bij 2e click, voeg toe: && openmenu != bar
	if (openmenu != '') {
		// als er een menuitem open staat => sluiten
		document.getElementById('nav_'+openmenu).getElementsByTagName('ul')[0].style.display = 'none';
		document.getElementById('nav_'+openmenu).style.height = base_height + 'px';
        var obj = document.getElementsByName('pijl');
        for(var i=0;i<obj.length;i++) {
            obj[i].innerHTML = '&#9658;';
        }
		//document.getElementById('nav_'+openmenu).style.background = bg_color;
		openmenu = '';
	}
	
	if (bar_status != 'block' && bar != '') {
		// menuitem openen
		ul.style.display = 'block';
        var li = cat.getElementsByTagName('li');
        var lile = menuedit == 1 ? li.length + 1 : li.length;
        var ul_height = lile * li[0].offsetHeight;
        cat.style.height = (base_height + ul_height) + 'px';
        var lnk = cat.getElementsByTagName('a')[0];
        var pijl = lnk.getElementsByTagName('span')[0];
        pijl.innerHTML = '&#9660;';
		openmenu = bar;
	}
	
}

/*
function getBackground(x) {
	if (x.currentStyle)
		var y = (x.currentStyle['backgroundImage'] == 'none') ? x.currentStyle['backgroundColor'] : x.currentStyle['backgroundImage'];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue('background');
	return y;
}
*/

function loadMouseover(make_white,openmenu) {
	menu(openmenu);
	var nav_items = document.getElementById('navigatie').getElementsByTagName('li');
	for (var i=0;i<nav_items.length;i++) {
		if (nav_items[i].id.substr(0,4) == 'nav_') {
			nav_items[i].onclick = open_menu;
		}
	}

    if (make_white != '') {
        var cat = document.getElementById('nav_'+make_white);
        var submenu = cat.getElementsByTagName('ul');
        if (submenu.length == 0) {
            var lnk = cat.getElementsByTagName('a')[0];
            lnk.style.background = '#ffffff';
            lnk.style.color = '#38387b';
        }
    }
}

function open_menu() {
	menu(this.id.substr(4));
}

function close_menu() {
	menu('');
}