var isNav4 = false;
var isIE = false;
var isW3C = false;
var select = false;
var gruppe;
var n = 5;
var obj;
var posx;
var num = 0;
var pos = 0;
var schritte = 32;

//Definiton der verschiedenen teilArrays
Gruppe0 = new Array("e1", "f1", "g1");
Gruppe1 = new Array("d2", "e2", "f2");
Gruppe2 = new Array("c3", "d3", "e3");
Gruppe3 = new Array( "b4", "c4", "d4");
Gruppe4 = new Array("a5", "b5", "c5");
teilArray = new Array(Gruppe0, Gruppe1, Gruppe2, Gruppe3, Gruppe4);

//Definition der Startkoordinaten
xa = new Array(548, 484, 420, 365, 292);

//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;
		posx = xa[gruppe];
		bilder = teilArray[gruppe];
		xTab = erzeugeXTab();
		obj = erzeugeArray();
		animiere();
	}
// Aktiviert den Cursor nach der Animation	
	if (gruppe >= n) select = true;
}

//Tabelle mit x-Koordinaten
function erzeugeXTab() {
	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].pixelLeft = posx + xTab[num]*pos;
			obj[j].visibility = "visible";
		} else {
			obj[j].left = posx + xTab[num]*pos;
			obj[j].visibility = "visible";
		}
		num++;
	}
	if (pos < schritte) {
		pos++;
		setTimeout("animiere()",15);
	} 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;
		}
	}
}