var m1;
m1=0;
var mg;
mg=0;

function move_text(){
	
	if(m1==0){
		
		
		var remimg = document.getElementById("span1").firstChild;
		document.getElementById("span1").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil2.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span1").appendChild(pf1);
		
		
		
		var remimg = document.getElementById("span2").firstChild;
		document.getElementById("span2").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil1.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span2").appendChild(pf1);
		
		
		
		
		document.getElementById("menu1").style.top = "0em";	
		document.getElementById("menu2").style.top = "1em";
		document.getElementById("menu3").style.top = "-2em";
		document.getElementById("menu4").style.top = "-2em";
		document.getElementById("menu5").style.top = "-2em";
		document.getElementById("menu6").style.top = "-2em";
		document.getElementById("menu7").style.top = "-2em";
		document.getElementById("menu8").style.top = "-2em";
		document.getElementById("submenu1").style.visibility = "visible";
		document.getElementById("submenu2").style.visibility = "visible";
		document.getElementById("submenu3").style.visibility = "visible";
		document.getElementById("submenu01").style.visibility = "hidden";
		document.getElementById("submenu02").style.visibility = "hidden";
		document.getElementById("submenu03").style.visibility = "hidden";
		mg=0;
		m1=1;
	}
	else{
		
		var remimg = document.getElementById("span1").firstChild;
		document.getElementById("span1").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil1.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span1").appendChild(pf1);
		
		
		
		
		
		
		m1=0;
		document.getElementById("menu2").style.top = "-3.4em";
		document.getElementById("menu3").style.top = "-6.75em";
		document.getElementById("menu4").style.top = "-6.75em";
		document.getElementById("menu5").style.top = "-6.75em";
		document.getElementById("menu6").style.top = "-6.75em";
		document.getElementById("menu7").style.top = "-6.75em";
		document.getElementById("menu8").style.top = "-6.75em";
		document.getElementById("submenu1").style.visibility = "hidden";
		document.getElementById("submenu2").style.visibility = "hidden";
		document.getElementById("submenu3").style.visibility = "hidden";
	}
}
		
function move_grafik(){

	if(mg==0){
		
		
		var remimg = document.getElementById("span2").firstChild;
		document.getElementById("span2").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil2.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span2").appendChild(pf1);
		
		
		var remimg = document.getElementById("span1").firstChild;
		document.getElementById("span1").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil1.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span1").appendChild(pf1);
		
		
		
		
		
		
		
		document.getElementById("menu1").style.top = "4.5em";			
		document.getElementById("menu2").style.top = "1em";
		document.getElementById("menu3").style.top = "-2em";
		document.getElementById("menu4").style.top = "-2em";
		document.getElementById("menu5").style.top = "-2em";
		document.getElementById("menu6").style.top = "-2em";
		document.getElementById("menu7").style.top = "-2em";
		document.getElementById("menu8").style.top = "-2em";
		document.getElementById("submenu01").style.visibility = "visible";
		document.getElementById("submenu02").style.visibility = "visible";
		document.getElementById("submenu03").style.visibility = "visible";
		document.getElementById("submenu1").style.visibility = "hidden";
		document.getElementById("submenu2").style.visibility = "hidden";
		document.getElementById("submenu3").style.visibility = "hidden";
		m1=0;
		mg=1;
	}
	else{
		
		var remimg = document.getElementById("span2").firstChild;
		document.getElementById("span2").removeChild(remimg);

		var pf1 = document.createElement("img");
		pf1.src = "./images/pfeil1.png";
		pf1.src.alt = "menu";
		pf1.style.width = "1.5em";
		pf1.style.height = "1.5em";
		pf1.style.border = "1.5em";

		document.getElementById("span2").appendChild(pf1);
		
		
		
		
		
		
		
	mg=0;
		document.getElementById("menu1").style.top = "0em";
		document.getElementById("menu2").style.top = "-3.4em";
		document.getElementById("menu3").style.top = "-6.75em";
		document.getElementById("menu4").style.top = "-6.75em";
		document.getElementById("menu5").style.top = "-6.75em";
		document.getElementById("menu6").style.top = "-6.75em";
		document.getElementById("menu7").style.top = "-6.75em";
		document.getElementById("menu8").style.top = "-6.75em";
		document.getElementById("submenu01").style.visibility = "hidden";
		document.getElementById("submenu02").style.visibility = "hidden";
		document.getElementById("submenu03").style.visibility = "hidden";
	}
}