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("g1", "f1", "e1");
Gruppe1 = new Array("g2", "f2", "e2", "d2");
Gruppe2 = new Array("g3", "f3", "e3", "d3", "c3");
Gruppe3 = new Array( "g4", "f4", "e4", "d4", "c4", "b4");
Gruppe4 = new Array("g5", "f5", "e5", "d5", "c5", "b5", "a5");
teilArray = new Array(Gruppe0, Gruppe1, Gruppe2, Gruppe3, Gruppe4);

//Definition der Startkoordinaten
xa = new Array(676, 676, 676, 676, 676);

//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()",10);
	} 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;
		}
	}
}

function AnzFenster(url) {
	newWindow1 = open(url, "AnzeigeFenster", "width=400,height=400")
	}