// JavaScript Document

//Hauptvariablen, die die ausgefahrenen Zustände abspeichern
var activemenu="";
var aktiverpunkt="";
var unterpunkt="";
var unterpunktalt="";
var unteruntermenu="";
var u_u_punkt="";
var u_u_punktalt="";

var mondrand=-400;
//FAHRBEWEGUNG UNTERNAVIGATION

	//ausfahren:
function slide2 (ebene2) {
	
	var linkspos1=parseInt(document.getElementById(ebene2).offsetLeft);
	if (linkspos1>10) {
		var geschwind=Math.ceil((linkspos1-10)/10);//Abbremseffect
		linkspos1-=geschwind;
		document.getElementById(ebene2).style.left=""+linkspos1+"px";
		openID=window.setTimeout("slide2('"+ebene2+"')",5);
	}
	else {
		activemenu=""+ebene2+"";
		//Setzt ersten Untermenüpunkt aktiv - deaktiviert:
		//var array=document.getElementsByName('u1');
    	//for(var i=0;i<array.length;i++){
			//array[i].style.color="#FB6420";}
		unterpunkt="";
		return true;
	}
}

	//drunterschieben:
function slide1 (ebene1) {	
	var linkspos=document.getElementById(ebene1).offsetLeft;
	if (linkspos<160) {
		var geschwind=Math.ceil((linkspos-9)/10);//Beschleunigungsseffekt
		linkspos+=geschwind;
		document.getElementById(ebene1).style.left=""+linkspos+"px";
		openID=window.setTimeout("slide1('"+ebene1+"')",8);
	}
}

	//Positionen abchecken und slide1 und slide2 starten
function slideout (ebene) {
	if(unterpunkt){
		brightwhite(unterpunkt);
	}
	if(unteruntermenu) {
		unterslide1(unteruntermenu);
		brightwhite(u_u_punkt);
	}
	if(activemenu) {
		if (activemenu==ebene) {return false;}
		else {
		slide1 (activemenu);
		activemenu="";}
	}
	if(unteruntermenu) {
		unterslide1(unteruntermenu);
		unteruntermenu="";
	}
	if (ebene) {
		
		//activemenu="";
		slide2 (ebene);}
}


//FAHRBEWEGUNG UNTER-UNTERNAVIGATION

	//ausfahren:
function unterslide2 (unterebene2) {
	
	var linkspos1=parseInt(document.getElementById(unterebene2).offsetLeft);
	if (linkspos1>10) {
		var geschwind=Math.ceil((linkspos1-10)/10);//Abbremseffect
		linkspos1-=geschwind;
		document.getElementById(unterebene2).style.left=""+linkspos1+"px";
		openID=window.setTimeout("unterslide2('"+unterebene2+"')",5);
	}
	else {
		unteruntermenu=""+unterebene2+"";
		//Setzt ersten Untermenüpunkt aktiv - deaktiviert:
		//var array=document.getElementsByName('u1');
    	//for(var i=0;i<array.length;i++){
			//array[i].style.color="#FB6420";}
		u_u_punkt="";
		return true;
	}
}

	//drunterschieben:
function unterslide1 (unterebene1) {	
	var linkspos=document.getElementById(unterebene1).offsetLeft;
	if (linkspos<160) {
		var geschwind=Math.ceil((linkspos-9)/10);//Beschleunigungsseffekt
		linkspos+=geschwind;
		document.getElementById(unterebene1).style.left=""+linkspos+"px";
		openID=window.setTimeout("slide1('"+unterebene1+"')",8);
	}
}

	//Positionen abchecken und unterslide1 und unterslide2 starten
function unterslideout (unterebene) {
	if(u_u_punkt){
		var array=document.getElementsByName(u_u_punkt);
    	for(var i=0;i<array.length;i++){
			array[i].style.color="#FFFFFF";}
	}
	if(unteruntermenu) {
		if (unteruntermenu==unterebene) {return false;}
		else {
		unterslide1 (unteruntermenu);
		unteruntermenu="";}
	}
	if (unterebene) {
		unteruntermenu="";
		unterslide2 (unterebene);}
}




//FARBGEBUNG DER MENÜPUNKTE

function color(actlink) {
	var aktiverpunktalt=aktiverpunkt;
	if(aktiverpunkt!=actlink.getAttribute('id')) {
	aktiverpunkt=actlink.getAttribute('id');
	actlink.style.color="#FB6420";
	if(aktiverpunktalt){document.getElementById(aktiverpunktalt).style.color="#FFFFFF";}}
}

//Farbgebung der Untermenüpunkte

function u_color(unteractlink) {
	unterpunktalt=unterpunkt;
	unteractlink.style.color="#FB6420";
	unterpunkt=unteractlink.getAttribute('name');
	if(unterpunktalt&&unterpunktalt!=unterpunkt){
		var array=document.getElementsByName(unterpunktalt);
    	for(var i=0;i<array.length;i++){
			array[i].style.color="#FFFFFF";}
	}
}

function u_u_color(u_u_actlink) {
	u_u_punktalt=u_u_punkt;
	u_u_actlink.style.color="#FB6420";
	u_u_punkt=u_u_actlink.getAttribute('name');
	if(u_u_punktalt&&u_u_punktalt!=u_u_punkt){
		var array=document.getElementsByName(u_u_punktalt);
    	for(var i=0;i<array.length;i++){
			array[i].style.color="#FFFFFF";}
	}
}

//alles zurück auf weiss setzen
function brightwhite(punkte){
	var array=document.getElementsByName(punkte);
    	for(var i=0;i<array.length;i++){
			array[i].style.color="#FFFFFF";}
}



//MONDBEWEGUNG
function Fensterweite () {
  if (window.innerWidth) {
    return window.innerWidth;
  } else if (document.body && document.body.offsetWidth) {
    return document.body.offsetWidth;
  } else {
    return 0;
  }
}

function moonwalk() {
	//var mondrand=document.getElementById('orangemoon').style.paddingLeft;
	
	var biszu=Fensterweite();

	if(mondrand<biszu){
	mondrand+=1;
	document.getElementById('orangemoon').style.marginLeft=""+mondrand+"px";
	window.setTimeout("moonwalk()",15);
	}
	else {
	mondrand=-592;
	document.getElementById('orangemoon').style.marginLeft=""+mondrand+"px";
	window.setTimeout("moonwalk()",15);
	}
}