// ***********************************************************************************************
// Navigation
// ***********************************************************************************************
var timer=0;
var MainnavAnz=6;
var MainnavText=new Array(6);
var SubnavText=new Array(6);
var color = new Array(7);
var SubnavStart = new Array(6);

SubnavStart[0] = new Array(10);
SubnavStart[1] = new Array(10);
SubnavStart[2] = new Array(10);
SubnavStart[3] = new Array(10);
SubnavStart[4] = new Array(10);
SubnavStart[5] = new Array(10);

color[0]="#FF0000";
color[1]="#EE0000";
color[2]="#DD0000";
color[3]="#CC0000";
color[4]="#BB0000";
color[5]="#AA0000";
color[6]="#CC0000";


// Navupdate ---------------------------------------------------------------------------------
function navupdate(Mainnum, Subnum){
	// Korrekte Subnav-Panel
	for (i=1;i<=MainnavAnz;i++){
		document.getElementById("nav"+i).style.visibility=(i==Mainnum)?"visible":"hidden";
		if (SubnavText[i-1].length!=0)document.getElementById("img1"+i).style.visibility=(i==Mainnum)?"visible":"hidden";
	}
	// Mainnav Highlights setzen
	for (i=1;i<=MainnavAnz;i++){
		document.getElementById("mainnavtoken_"+i).style.color=(Mainnum==i)?'#FFFFFF':'#000000';
	}
	// Keine Subnav's vorhanden? (Hauptseite)
	if (Mainnum==0&&Subnum==0) return;
	// Subnav Highlights setzen
	if (SubnavText[Mainnum-1].Length!=0){
		for (i=0;i<SubnavText[Mainnum-1].length;i++){
			document.getElementById("subnavtoken_"+Mainnum+"_"+i).style.color=(Subnum==i)?'#CC0000':'#000000';
		}
	}
}

// Timer Hauptnavigation ---------------------------------------------------------------------
function starttimeout(){
	window.clearTimeout(timer);
	timer=window.setTimeout("timeout()", 1000);
}
function stoptimeout(){
	window.clearTimeout(timer);
}
function timeout(){
	navupdate(Mainnav, Subnav);
}


// Init -------------------------------------------------------------------------------------
function createMainnav(Mainnum){
		MainnavText[0] = "Aktuelles";
		MainnavText[1] = "Arbeit mit Frauen";
		MainnavText[2] = "Arbeit mit M&auml;dchen";
		MainnavText[3] = "Infos zum Verein";
		MainnavText[4] = "Programm";
		MainnavText[5] = "Kontakt";
		SubnavText[0] = "";
		SubnavText[1] = new Array("Bildung","Beratung","Freizeit&nbsp;und&nbsp;Kommunikation");
		SubnavText[2] = new Array("Bildung","Beratung","Freizeit&nbsp;und&nbsp;Kommunikation");
		SubnavText[3] = new Array("Geschichte", "Konzept", "Mitgliedschaft", "Spende", "Praktika", "Links");
		SubnavText[4] = new Array("Wochen&uuml;bersicht","Themen&uuml;bersicht");
		SubnavText[5] = new Array("Team", "Vorstand", "Adressdaten");

		SubnavStart[1][0]= 150;
		SubnavStart[1][1]= 202;
		SubnavStart[1][2]= 263;
		SubnavStart[2][0]= 150;
		SubnavStart[2][1]= 202;
		SubnavStart[2][2]= 263;
		SubnavStart[3][0]= 150;
		SubnavStart[3][1]= 222;
		SubnavStart[3][2]= 277;
		SubnavStart[3][3]= 366;
		SubnavStart[3][4]= 418;
		SubnavStart[3][5]= 473;
		SubnavStart[4][0]= 150;
		SubnavStart[4][1]= 257;
		SubnavStart[5][0]= 150;
		SubnavStart[5][1]= 192;
		SubnavStart[5][2]= 254;


	content="";
	content+='<div style="position:absolute; left:140px; top:0px;"><a href="start.html" target="Finhalt"><img src="bilder/Titel1Klein.jpg" border="0" alt="zur&uuml;ck zur Startseite"></a></div>';

	for (i=1;i<=MainnavAnz;i++){
		content+='<div style="position:absolute; top:'+((i-1)*20+3)+'px; left:0px; width:130px; z-index:2;" id="xnav'+i+'">';
		content+='<a href="'+i+'_1.html" target="Finhalt">';
		content+='<p class="navtext" id="mainnavtoken_'+i+'" onmouseover="stoptimeout(); navupdate('+i+','+8+')" onmouseout="starttimeout();">'+MainnavText[i-1]+'</p>';
		content+='</a>';
		content+='</div>';
		if(i<MainnavAnz)content+='<div style="position:absolute; left:5px; top:'+((i-1)*20)+'px; width:129px; height:19px; background-color:'+color[6]+'; z-index:1;"></div>';
		if(i==MainnavAnz)content+='<div style="position:absolute; left:5px; top:'+((i-1)*20)+'px; width:129px; height:20px; background-color:'+color[6]+'; z-index:1;"></div>';
		content+='<div style="position:absolute; left:135px; top:'+((i-1)*20)+'px; width:5px; height:20px; background-color:'+color[i-1]+';"></div>';
		content+='<div style="position:absolute; left:140px; top:'+((i-1)*20)+'px; visibility:hidden;" id="img1'+i+'"><img src="bilder/'+i+'_1.jpg" border="0"></div>';
	}
		content+='<div style="position:absolute; top:0px; left:0px; height:120px; width:5px; background-color:#000000; z-index:3;"></div>';

	return content;
}

function createSubnav(Mainnum, Subnum){
	content="";
	for (j=1;j<=MainnavAnz;j++){
		// visible?
		if (Mainnum==j)content+='<div style="position:absolute; top:'+((j-1)*20)+'px;" id="nav'+j+'">';
		else content+='<div style="position:absolute; text-align:right; top:'+((j-1)*20)+'px; visibility:hidden;" id="nav'+j+'">';
		// Subnav content
		if (SubnavText[j-1].length!=0){
			for (i=0;i<SubnavText[j-1].length;i++){
				content+='<div style="position:absolute; top:3px; left:'+(SubnavStart[j-1][i])+'px;"> ';
				content+='<a href="'+j+'_'+(i+1)+'.html" target="Finhalt">';
				content+='<p class="navtext" id="subnavtoken_'+j+'_'+i+'" ';
				content+='onmouseover="stoptimeout(); navupdate('+j+','+i+')" onmouseout="starttimeout()" ';
				content+='>'+SubnavText[j-1][i]+'</p>';
				content+='</a>';
				content+='<div style="position:absolute; left:-3px; top:-3px; width:1px; height:20px; background-color:#000000;"></div>';
				content+="</div>";
			}
		}
		content+="</div>";
	}
	return content;
}