function akkord(el) {

	if (el.style.zIndex != 55) {

		if (el.style.width == '180px') { 

			 klappen(el, 180,  "aus", '', 11);

		} else { 

			klappen(el, 0,  "ein", '', 11)

		}

	}

}



function akkordde(el) {
	var el2 = document.getElementById(el.getAttribute("name"));
	if ((el.getAttribute("name") == "4") && (el2.style.zIndex == 50)) { Load('Content', 't=Introduction'); }
aendern('div', el2);

	akkord(el2);

	//el.style.zIndex = 55;

}



function aendern(tag, el) {

	var rows = document.getElementsByTagName(tag);

	for(var i=0; i<rows.length; i++) {

		if ((rows[i].className == 'navi') && (rows[i].style.zIndex == 49) && (rows[i] != el)) {

			klappen(rows[i], 180, "aus", '', 9);

			rows[i].style.zIndex = 50;

		}

	}

}



function klappen(el, br,  aktion, Func, plus) {

	if (Math.round(plus) <= 0) { plus = 2; }

	el.style.zIndex = 49;

	el.style.overflow = "hidden";

	if (aktion == "ein") {

		el.style.visibility = "visible";

		 br += Math.round(plus); 

		 if (br > 180) { br = 180;}

		 el.style.width = br + "px"; 


		if (br < 180) {

			window.setTimeout( function(){ klappen(el, br,  aktion, Func, plus - 0.2) }, 10 );

		}

		if (br >= 180 ) {

			try { eval(Func); } catch (e) { } ;

			el.style.width = "180px";

		 }

	}

	if (aktion == "aus") {

		el.style.visibility = "visible";

		 br -= Math.round(plus); 

		 if (br < 0) { br = 0;}

		 el.style.width = br + "px"; 



		if (br > 0) {

			window.setTimeout( function(){ klappen(el, br,  aktion, Func, plus - 0.2) }, 10 );

		}

		if (br <= 0 ) {

			try { eval(Func); } catch (e) { } ;

			el.style.zIndex = 50;

		}

	}

	

}