// VORAUSSETZUNG IN DER HTML DATEI DES MENÜS (z.B. menu.php als include)
// <!-- Versteckte tags zum speichern der Menüitems -->
// <span class="nav_sub" id="nav_over">nav_1</span>
// <span class="nav_sub" id="nav_out">nav_1</span>
// <span class="nav_sub" id="menu_id">nav_<?echo $_GET['menu'];?></span>

function navigate(p_item, p_unsel)
{
var v_last_over = getTagContent("nav_over");
var v_last_out = getTagContent("nav_out");
var v_active = getTagContent("menu_id");

if (!p_unsel)
	{var v_image="url(./gifs/nav-bg-sel.gif)";
	var v_display="block";
	var v_border="thin solid #ffd42a";
	//var v_border="thin solid #e25500";
	}
else
	{if(v_last_out==v_active)
		var v_image="url(./gifs/nav-bg-active.gif)";
	else
		var v_image="url(./gifs/nav-bg.gif)";
	var v_display="none";
	var v_border="none";
	if (v_last_over==v_last_out)
		return;
	}

var v_item=document.getElementById(p_item);
v_item.style.backgroundImage = v_image;
v_item=document.getElementById(p_item + "_sub");
fade_out(v_item);
v_item.style.display = v_display;
v_item.style.borderRight = v_border;
}

// ##########################################

function nav_sel(p_item)
{
var v_last = getTagContent("nav_out");
if (p_item!=v_last)
	navigate(v_last, "x");	// direkt komplett ausblenden
navigate(p_item);
setTagContent("nav_over", p_item);
}

// ##########################################

function nav_unsel(p_item, p_percent)
{
var v_item=document.getElementById(p_item + "_sub");
var v_display=v_item.style.display;
var v_last = getTagContent("nav_over");
	
if (v_display=="none")
	return;
if (p_item==v_last && p_percent>0)
	return;
if (!p_percent) 
	{p_percent=100;
	setTagContent("nav_over", "x");
	}
else
	p_percent=p_percent-4;
if (p_percent<=0)
	// komplett ausblenden
	navigate(p_item, "x");
else
	// langsam ausblenden mittels rekursivem Aufruf
	{fade_out(v_item, p_percent)
	if(p_percent==100)
		window.setTimeout("nav_unsel('"+p_item+"', '"+p_percent+"')", 2000);	// erst nach einer Wartezeit mit dem Ausblenden anfangen 
	else
		window.setTimeout("nav_unsel('"+p_item+"', '"+p_percent+"')", 80); 
	}

setTagContent("nav_out", p_item);
}

// ##########################################

function fade_out(p_item, p_percent)
{
if (!p_percent) p_percent=100;
var v_sub_item=p_item.id;
changeOpac(p_percent, v_sub_item)
}

// ##########################################