var isNav4 = false;
var isIE = false;
var isW3C = false;
var select = false;
var gruppe;
var n = 4;
var obj;
var posy;
var num = 0;
var pos = 0;
var schritte = 16;

//Definiton der verschiedenen teilArrays
Gruppe0 = new Array("b5", "b4", "b3", "b2", "b1");
Gruppe1 = new Array("d5", "d4", "d3", "d2", "d1");
Gruppe2 = new Array("e5", "e4", "e3", "e2", "e1");
Gruppe3 = new Array("g5", "g4", "g3", "g2", "g1");
teilArray = new Array(Gruppe0, Gruppe1, Gruppe2, Gruppe3);

//Definition der Startkoordinaten
ya = new Array(266, 266, 266, 266);

//BrowserCheck
		 if (navigator.appName.indexOf("Netscape") != -1) {
		 	if (parseInt (navigator.appVersion) == 4) {
			   //Netscape 4.x
			   isNav4 = true;
			 } else  if (parseInt (navigator.appVersion) >= 5) {
			   //Netscape 6 oder Mozilla
			   isW3C = true;
			 }
		} else 
		  	if ((parseInt (navigator.appVersion) >= 4) &&
			   (navigator.userAgent.indexOf("MSIE") != -1)) {
			   		//MSIE 4.x oder hoeher
					isIE = true;
		} 
		  	if  (document.getElementById) {
		   		//Opera and Mozilla
			   		isW3C = true;
					}
					
// Animation starten
function init() {
	if (isIE || isNav4 || isW3C) {
		gruppe = 0;
		steps();
	} else {
	alert("Sie benoetigen einen DHTML-Browser");
	}
}

function steps() {
	if (gruppe < n) {
		pos = 0;
		posy = ya[gruppe];
		bilder = teilArray[gruppe];
		yTab = erzeugeYTab();
		obj = erzeugeArray();
		animiere();
	}
// Aktiviert den Cursor nach der Animation	
	if (gruppe >= n) select = true;
}

//Tabelle mit x-Koordinaten
function erzeugeYTab() {
	var tab = new Array();
	for (i = 0; i <= bilder.length; i++) {
		tab[i] = Math.round(i * 64 / schritte);
	}
	return tab;
}

//Array der positionierbaren Elemente
function erzeugeArray() {
	var objList = new Array();
	for (var i = 0; i < bilder.length; i++) {
		if (isNav4) {
			objList[i] = document.layers[bilder[i]];
		} else if (isIE) {
			objList[i] = document.all[bilder[i]].style;
		} else {
			objList[i] = document.getElementById(bilder[i]).style;
		}
	}
	return objList;
}

//Animiert die positionierbaren Elemente
function animiere() {
	var j = 0;
	var num = 0;
	for (j in obj) {
		if (isIE) {
			obj[j].pixelTop = posy - yTab[num]*pos;
			obj[j].visibility = "visible";
		} else {
			obj[j].top = posy - yTab[num]*pos;
			obj[j].visibility = "visible";
		}
		num++;
	}
	if (pos < schritte) {
		pos++;
		setTimeout("animiere()",20);
	} else {
		gruppe++;
		setTimeout("steps()",200);
	}
}

// Blendet die Texte ein bzw. aus
function show(divName,wert) {
	if (select) {
		if (isW3C) {
			obj = document.getElementById(divName).style.visibility = wert;
		}
		else if (isNav4) {
			obj=document.layers[divName].visibility = wert;
		}
		else if (isIE) {
			obj=document.all[divName].style.visibility = wert;
		}
	}
}
function hide(divName,wert) {
	if (select) {
		if (isW3C) {
			 obj = document.getElementById(divName).style.visibility = wert;
		}
		else if (isNav4) {
			obj=document.layers[divName].visibility = wert;
		}
		else if (isIE) {
			obj=document.all[divName].style.visibility = wert;
		}
	}
}