// JavaScript Document
var anzahl;
var last;
navi = new Array(anzahl);
var i;
variante = new Array(anzahl);

function start(){//Bestimmt die Anzahl der Varianten und anlegen von Arrays mit den IDs
	anzahl = 3;
	for (i=0;i<anzahl;i++){
		navi[i] = 'reiter_navi'+i;
	}
	for (i=0;i<anzahl;i++){
		variante[i] = 'reiter_var'+i;
	}
	last = 0;
}
function zustand(next){
	//CSS Formatierung für den alten Reiter
	document.getElementById(navi[last]).style.background = "#990000";
	document.getElementById(navi[last]).style.color = "#ffffff";
	document.getElementById(navi[last]).style.padding = "4px 8px";
	document.getElementById(navi[last]).style.borderBottom ="1px solid #990000";
	
	//CSS Formatierung für den neuen Reiter
	document.getElementById(navi[next]).style.color = "#000000";
	document.getElementById(navi[next]).style.background = "#ffffff";
	document.getElementById(navi[next]).style.padding = "4px 8px 4px 8px";	
	document.getElementById(navi[next]).style.borderBottom ="1px solid #ffffff";
	
	//Boxen aus- und einblenden
	document.getElementById(variante[last]).style.display = "none";
	document.getElementById(variante[next]).style.display = "block";
	
	last = next;
}