var openmenu = '';
var base_top = '';
var ct;

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 != '' && openmenu != bar) {
		// 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(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');
        //ul_height = li.length * 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 close_menu() {
    var bar = this.id.substr(4);
    ct = setTimeout("close_it("+bar+")",200);
}

function close_it(bar) {
    if (document.getElementById('nav_'+bar).getElementsByTagName('ul')[0]) {
        document.getElementById('nav_'+bar).getElementsByTagName('ul')[0].style.display = 'none';
        if (openmenu == bar)
            openmenu = '';
    }
}

/*
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);
    // Sikina specific:
    if (openmenu != 6 && make_white != 6 && openmenu != 8 && make_white != 8 && openmenu != 9 && make_white != 9) {
        document.getElementById('content_scroller').style.display = 'inline';
        var cc = document.getElementById('content_content');
        cc.style.display = 'inline-block';
        cc.style.width = 400 + 'px';
    }
	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].onmouseover = open_menu;
            nav_items[i].onmouseout = close_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 = '#ef7700';
        }
    }*/
}

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

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