// Breiten der Container
var w = Array(0,0,0,0,0,0,0);
var st = Array(588,588,588,588,588,588,588);

// Reiter Aktivieren
var change_1 = Array("2_1","2_2","2_3","2_4","2_5","2_6");

// Breite des Containers
var width = 587;

var akt = 0;
var old = 0;
var schritte = 5;
var aktive = 0;

function move(id){

	// Alle Subnavs schließen
	if (id == 0) {
		document.getElementById("navigator").src = "pics/navigator_2_2.gif";		
		cl(akt);
	} else {
		if (w[id - 1] > 0) cl(id);
		if (w[id - 1] <= 0) op(id);
	}
}


function cl(id){
	
	var speed = width / (schritte);
	var i = document.getElementById("b"+id);
			
	if (w[id - 1] - speed >= 0) w[id - 1] -= speed;
	else w[id - 1] = 0;

	// Reiter deaktivieren
	document.getElementById("c_"+change_1[id-1]).src = "pics/sub_curtain_2_"+change_1[id-1]+"_0.gif";	
	
	i.style.width = w[id - 1]+"px";
	if (w[id -1] > 0) setTimeout("cl("+id+")",0);
	if (w[id -1] <= 0) {
	  i.style.display = "none";
	}
}

function op(id){

	var speed = width / schritte;

	var i = document.getElementById("b"+id);

	// Reiter aktivieren
	document.getElementById("c_"+change_1[id-1]).src = "pics/sub_curtain_2_"+change_1[id-1]+"_1.gif";

	// Navigator ändern
	document.getElementById("navigator").src = "pics/navigator_2_"+change_1[id-1]+".gif";		
		
		
	i.style.display = "block";
	
	if (w[id -1] + speed <= st[id - 1]) w[id - 1] += speed;
	else w[id - 1] = st[id - 1];
		
	i.style.width = w[id - 1]+"px";

	if (akt != id && akt != 0) cl(akt);
	akt = id;
		
	if (w[id -1] < st[id - 1]) setTimeout("op("+id+")",0);
}