var isNav4 = false;
var isIE = false;
var isW3C = false;
var select = false;
var gruppe;
var n = 11;
var obj;
var posy;
var num = 0;

//Definiton der verschiedenen teilArrays
Gruppe0 = new Array("a5");
Gruppe1 = new Array("a3", "a2", "a1");
Gruppe2 = new Array("b4");

Gruppe3 = new Array("c5");
Gruppe4 = new Array("c3", "c2", "c1");
Gruppe5 = new Array("d4");

Gruppe6 = new Array("e5");
Gruppe7 = new Array("e3", "e2", "e1");
Gruppe8 = new Array("f4");

Gruppe9 = new Array("g5");
Gruppe10 = new Array("g3", "g2", "g1");
teilArray = new Array(Gruppe0, Gruppe1, Gruppe2, Gruppe3, Gruppe4, Gruppe5, Gruppe6, Gruppe7, Gruppe8, Gruppe9, Gruppe10);

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

//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) {
		i = 0;
		posy = ya[gruppe];
		bilder = teilArray[gruppe];
		obj = erzeugeArray();
		animiere();
	}
// Aktiviert den Cursor nach der Animation	
	if (gruppe >= n) select = true;
}

//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() {
			if (isIE) {
				obj[i].pixelTop = posy - 64*i;
				obj[i].visibility = "visible";
			} else {
				obj[i].top = posy - 64*i;
				obj[i].visibility = "visible";
			}
	if (i < bilder.length-1) {
		i++;
		setTimeout("animiere()",200);
	} else {
		gruppe++;
		setTimeout("steps()",300);
	}
}

// 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")
	}