var nav_timeout = "";
var nav_current = "";
var resize_array = new Array();

var min_nav_width = 120;

function func_nav_mouseover(obj) {
	if (nav_current != obj.id && nav_current != "") {
		submenuID = nav_current.replace('nav_menu_','');
				
		if (document.getElementById('nav_submenu_' + submenuID)) {
			document.getElementById('nav_submenu_' + submenuID).style.display = 'none';
		}
	}
	
	clearTimeout(nav_timeout);
	
	submenuID = obj.id.replace('nav_menu_','');
	
	if (document.getElementById('nav_submenu_' + submenuID)) {
		document.getElementById('nav_submenu_' + submenuID).style.left = document.getElementById('nav_menu_' + submenuID).offsetLeft + "px";
		document.getElementById('nav_submenu_' + submenuID).style.display = 'inline-block';
		document.getElementById('navigatie_container').style.height = (document.getElementById('nav_submenu_' + submenuID).offsetHeight + 30) + "px";
	} else {
		document.getElementById('navigatie_container').style.height = 30 + "px";
	}
	
	submenuID = obj.id.replace('nav_menu_','');
	
	if (document.getElementById('nav_submenu_' + submenuID)) {
		if (!resize_array[submenuID]) {
			use_width = document.getElementById('nav_submenu_' + submenuID).offsetWidth;
			edit_links = document.getElementById('nav_submenu_' + submenuID).getElementsByTagName('a');
			
			if (use_width > 0) {
				if (use_width < min_nav_width) {
					use_width = min_nav_width
				}
				
				document.getElementById('nav_submenu_' + submenuID).style.width = use_width + 'px';
				
				resize_array[submenuID] = 1;
				
				for (i=0; i<edit_links.length; i++) {
					edit_links[i].style.width = (use_width-48) + 'px';
				}
			}
		}
	}
}

function func_nav_mouseout(obj) {
	nav_timeout = setTimeout(func_nav_hide,'500');
	nav_current = obj.id;
}

function func_nav_hide() {
	submenuID = nav_current.replace('nav_menu_','');
	
	if (document.getElementById('nav_submenu_' + submenuID)) {
		document.getElementById('nav_submenu_' + submenuID).style.display = 'none';
	}
	document.getElementById('navigatie_container').style.height = 30 + "px";
}
