//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["klapptree1"] //Enter id(s) of klappTree UL menus, separated by commas

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle"
		if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
			ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
		else //else if this is a sub level submenu (ul)
		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
		for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
		ultags[t].style.visibility="visible"
		ultags[t].style.display="none"
		}
  }
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus)



// regelt das Verhalten der Listen beim ein/ausklappen

var last="nav1";


function navover(id)
{
document.getElementById(last).style.background='none';
document.getElementsByTagName("li")[id].firstChild.style.color='#5d402d';
document.getElementById('navieckemitteo').style.background='none';
document.getElementById('navieckemitteu').style.background='none';
last=id;
}


function navout(id)
{
document.getElementsByTagName("li")[last].firstChild.style.color='#FFFFFF';
document.getElementById('navieckelinks').style.background='url("images/navicontainer_off.jpg")';
last=id;
}


function subon(id)
{
document.getElementsByTagName("li")[id].firstChild.style.color='#5d402d';
}


function suboff(id)
{
document.getElementsByTagName("li")[id].firstChild.style.color='#846953';
document.getElementById('navieckemitteo').style.display="block";
document.getElementById('navieckemitteu').style.display="block";
}


function highlightein(id)
{
document.getElementById(last).style.background='none';
document.getElementById(id).style.background='#dad0ca';
document.getElementsByTagName("li")[id].firstChild.style.color='#5d402d';
document.getElementById('navieckelinks').style.background='url("images/navicontainer_on.jpg")';
document.getElementById('navieckemitteo').style.background='url("images/sub_hg_li_o.jpg")';
document.getElementById('navieckemitteu').style.background='url("images/sub_hg_li_u.jpg")';
last=id;
}


function highlightaus(id)
{
document.getElementById(last).style.background='none';
document.getElementsByTagName("li")[id].firstChild.style.color='#FFFFFF';
document.getElementById('navieckelinks').style.background='url("images/navicontainer_off.jpg")';
document.getElementById('navieckemitteo').style.background='url("images/sub_leer.gif")';
document.getElementById('navieckemitteu').style.background='url("images/sub_leer.gif")';
last=id;
}


function highlighton(id)
{
document.getElementById(id).style.background='url("images/sub_li_hg.jpg")';
document.getElementsByTagName("li")[id].firstChild.style.color='#5d402d';
document.getElementById('navieckemitteo').style.display="none";
document.getElementById('navieckemitteu').style.display="none";
}


function highlightoff(id)
{
document.getElementById(last).style.background='none';
document.getElementsByTagName("li")[id].firstChild.style.color='#846953';
document.getElementById('navieckemitteo').style.display="block";
document.getElementById('navieckemitteu').style.display="block";
last=id;
}


function bgaustausch()
{
document.getElementById('navieckelinks').style.background='url("images/navicontainer_on.jpg")';
document.getElementById('navieckemitteo').style.background='url("images/sub_hg_li_o.jpg")';
document.getElementById('navieckemitteu').style.background='url("images/sub_hg_li_u.jpg")';
}


function ausblenden() // zur Sicherheit wenn schnell über die Navi gefahren wird
{
document.getElementById('navieckemitteo').style.background='none';
document.getElementById('navieckemitteu').style.background='none';
}

function ausblenden2() // zur Sicherheit wenn schnell über die Navi gefahren wird
{
document.getElementById('navieckemitteo').style.display="none";
document.getElementById('navieckemitteu').style.display="none";
}