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

// Reiter Aktivieren
var change_1 = Array("1_1","1_2","1_3");

// Breite des Containers
var width = 640;

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

function move(id){
	
	// Alle Subnavs schließen
	if (id == 0) 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/curtain_"+change_1[id-1]+"_0.gif";	
	// Navigation deaktivieren
	document.getElementById("nav_"+change_1[id-1]).src = "pics/nav_"+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/curtain_"+change_1[id-1]+"_1.gif";
	// Navigation deaktivieren
	document.getElementById("nav_"+change_1[id-1]).src = "pics/nav_"+change_1[id-1]+"_1.gif";	
	// Navigator ändern
	document.getElementById("navigator").src = "pics/navigator_"+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);
}