//Javascript-Datei
<!--

//============dynamisches Austauschen von Bildern und Texten auf der Seite============


//Anzahl der Bilder
var num = 2;	
//Aktuell anzuzeigendes Bild
var AktBild = 1;

//Funktion zum Durchsteppen der Bilder
//Parameter Richtung: 'hoch' oder 'runter' als Text
//Parameter Gesamtzahl: Gesamtzahl der Bilder als Integer 
function ChangeImage(Gesamtzahl,Richtung,Sprache) {	
	//Bilder-Div-IDs hochzaehlen
	if (Richtung == 'hoch'){
		AktBild = AktBild + 1;
		if (AktBild > Gesamtzahl){
			AktBild = 1;}
		}
	//Bilder-Div-IDs runterzaehlen
	else if (Richtung == 'runter'){
		AktBild = AktBild - 1;
		if (AktBild < 1){
			AktBild = Gesamtzahl;}
		}
	//Start-Bild-Div-ID setzen
	else{
		AktBild =1;
		}
	
	//Bildnummerierung setzen
	if (Sprache == 'de')
	document.getElementById('BildAnz').innerHTML = "Bild "+AktBild+" von "+Gesamtzahl;
	if (Sprache == 'en')
	document.getElementById('BildAnz').innerHTML = "Picture "+AktBild+" of "+Gesamtzahl;

	//Text zum Bild setzen
	document.getElementById('BildText').innerHTML = document.getElementById('BildTextHelper'+AktBild).innerHTML;
	
	//Bild setzen - dabei sicherstellen, dass der Namenszusatz '_thumb' (siehe Funktion 'PostLoadImages()') entfernt ist.
	var BildDiv = document.getElementById('BildHelper'+AktBild).innerHTML;
	BildDiv = BildDiv.replace('_thumb','');
	document.getElementById('Bild').innerHTML = BildDiv;
	
	//Beim Laden der Seite wird der Richtungs-Parameter nicht uebergeben.
	//In diesem Fall die Funktion zum Nachladen der restlichen Bilder aufrufen.
	if (typeof Richtung == "undefined") {
		PostLoadImages(Gesamtzahl);
		}

}

	//Funktion zum Nachladen von Bildern.
	//Mit der Seite werden versteckte Bild-Div's mit komprimierten Bildern geladen, 
	//um die Ladezeiten der Seite zu verkuerzen.
	//Diese sind nur fuer die Bild-Suchmaschinen gedacht. Nach dem Laden der Seite
	//und damit auch nach dem Anzeigen des ersten Bildes werden die Bilder in 
	//diesen Div's durch die echten, unkomprimerten Bilder ersetzt. Dazu wird der Namenszusatz
	//'_thumb' entfernt. 
	//Hier geht es darum, das Laden der weiteren Bilder erst nach vollstaendiger Anzeige der Seite
	//incl. des ersten Bildes durchzufuehren (speziell wichtig bei langsamen Internet-Anbindungen).
	function PostLoadImages(Gesamtzahl){
		//Funktion laed Bilder nach
		for (var i = 1; i <= Gesamtzahl; i++){
			var BildDiv = document.getElementById('BildHelper'+i).innerHTML; 
			BildDiv = BildDiv.replace('_thumb','');
			document.getElementById('BildHelper'+i).innerHTML = BildDiv;
		}
	
	}

//=========Ende dynamisches Austauschen von Bildern und Texten auf der Seite========


//==============Bilder zoomen=======================

//globale Variablen fuer Zoom-Funktionalitaet
//2 Array Variablen
var Zoom1;
var Zoom2;
//2 Variablen fuer das Interval-Object
var InterZoomIn;
var InterZoomOut;
//2 Zaehlvariablen
var iin = 0;
var iout = 0;

function ZoomPic(PicID,FromTop,ToTop,FromLeft,ToLeft,FromWidth,ToWidth,FromHeight,ToHeight){
//Diese Funktion wird bei Mausbbewegung und Mausklick aufgerufen

	//Dimensionierung zweier Arrays mit exponentiell ansteigender Schrittweite.
	//(eines fuer das Einzoomen, eines fuer das Auszoomen, damit beides parallel laufen kann).
	Zoom1 = new Array(0.001,0.001,0.001,0.001,0.001,0.002,0.004,0.008,0.016,0.032,0.064,0.128,0.256,0.512,1,1,1,1);
	Zoom2 = new Array(0.001,0.001,0.001,0.001,0.001,0.002,0.004,0.008,0.016,0.032,0.064,0.128,0.256,0.512,1,1,1,1);

	//Bild-Objekt setzen
	var bild = document.getElementById(PicID);

	//Ermitteln, ob ein- oder ausgezoomt werden soll
	if (FromWidth < ToWidth){
		//Einzoomen
		
		//Zoom-Funktion nur aktivieren, wenn nicht gerade schon ein anderer Zoom laeuft.
		//if (InterZoomIn == undefined){
		
			//Bild auf Von-Werte scalieren und sichtbar machen
			bild.style.top = FromTop+'px';
			bild.style.left = FromLeft+'px';
			bild.style.width = FromWidth+'px';
			bild.style.height = FromHeight+'px';
			bild.style.padding = '0px';
			bild.style.visibility = 'visible';
			
			//Intervall-Object zum Aufrufen der Scalierungsfunktion erstellen
			InterZoomIn = window.setInterval("ZoomIn('"+PicID+"',"+FromTop+","+ToTop+","+FromLeft+","+ToLeft+","+FromWidth+","+ToWidth+","+FromHeight+","+ToHeight+")", 1);
			//}
		}
	else{
		//Auszoomen
		
		//Zoom-Funktion nur aktivieren, wenn nicht gerade schon ein anderer Zoom laeuft.
		//if (InterZoomOut == undefined){
		
			//Bild auf Von-Werte scalieren und sichtbar machen
			bild.style.top = FromTop+'px';
			bild.style.left = FromLeft+'px';
			bild.style.width = FromWidth+'px';
			bild.style.height = FromHeight+'px';
			bild.style.padding = '4px';
			bild.style.visibility = 'visible';

			//Intervall-Object zum Aufrufen der Scalierungsfunktion erstellen
			InterZoomOut = window.setInterval("ZoomOut('"+PicID+"',"+FromTop+","+ToTop+","+FromLeft+","+ToLeft+","+FromWidth+","+ToWidth+","+FromHeight+","+ToHeight+")", 1);
			//}
		}
	}

function ZoomIn(PicID,FromTop,ToTop,FromLeft,ToLeft,FromWidth,ToWidth,FromHeight,ToHeight){
	//Funktione zm Einzoomen in Bilder

	//Bild-Objekt setzen
	var bild = document.getElementById(PicID);
	
	//Zoom-Faktor aus Array holen
	var ZoomFaktor = Zoom1[iin];
	
	//Bild scalieren
	bild.style.left = Math.round((ToLeft-FromLeft)*ZoomFaktor+FromLeft)+'px';
	bild.style.top = Math.round((ToTop-FromTop)*ZoomFaktor+FromTop)+'px';
	bild.style.width = Math.round((ToWidth-FromWidth)*ZoomFaktor+FromWidth)+'px';
	bild.style.height = Math.round((ToHeight-FromHeight)*ZoomFaktor+FromHeight)+'px';
	bild.style.padding = Math.round(4*ZoomFaktor)+'px';

	//Zaehler hochzaehlen, wenn das Ende des Arrays erreich ist Interval abbrechen
	iin++;
	if (iin>=18){
		window.clearInterval(InterZoomIn);
		iin = 0;
		InterZoomIn = null;
		Zoom1 = null;
		}
	}

function ZoomOut(PicID,FromTop,ToTop,FromLeft,ToLeft,FromWidth,ToWidth,FromHeight,ToHeight){
	//Funktione zm Auszoomen aus Bilder

	//Bild-Objekt setzen
	var bild = document.getElementById(PicID);
	
	//Zoom-Faktor aus Array holen
	var ZoomFaktor = Zoom2[iout];

	//Bild scalieren
	bild.style.left = Math.round((ToLeft-FromLeft)*ZoomFaktor+FromLeft)+'px';
	bild.style.top = Math.round((ToTop-FromTop)*ZoomFaktor+FromTop)+'px';
	bild.style.width = Math.round((ToWidth-FromWidth)*ZoomFaktor+FromWidth)+'px';
	bild.style.height = Math.round((ToHeight-FromHeight)*ZoomFaktor+FromHeight)+'px';
	bild.style.padding = Math.round(4*(1-ZoomFaktor))+'px';

	//Zaehler hochzaehlen, wenn das Ende des Arrays erreich ist Interval abbrechen
	iout++;
	if (iout>=18){
		window.clearInterval(InterZoomOut);
		iout = 0;
		InterZoomOut = null;
		Zoom2 = null;

		//Bild ausblenden
		bild.style.visibility = 'hidden';
		}
	}

//===========Ende Bilder zoomen=======================


function HidePIc(PicID){
//Bild ausblenden
	//Bild-Objekt setzen
	var bild = document.getElementById(PicID);
	//Bild ausblenden
	bild.style.visibility = 'hidden';	
}



//=============Bestimmen der Fensterhoehe==============
//Wird zur Positionierung des Impressums benoetigt.
function Fensterhoehe () {
	if (window.innerHeight) {
	return window.innerHeight;
	} 
	else if (document.documentElement.clientHeight){
	return document.documentElement.clientHeight;
	}
	else if (document.body && document.body.offsetHeight) {
	return document.body.offsetHeight;
	} 
	else {
	return 0;
	}
}
//==========Ende Bestimmen der Fensterhoehe===========

//============Positionierung des Impressums==========
//Prameter MinTop = mindeste Top-Position des Impressums
function SetImpressumPos (MinTop) {
var wh = Fensterhoehe() 

	if (wh>0){
		if ((wh-150)>MinTop){
			document.getElementById("Impressum").style.top = (wh-150)+"px";
		}
		else{
			document.getElementById("Impressum").style.top = MinTop+"px";
		}
	}
}
//=========Ende Positionierung des Impressums=======

//========================================
//Fuer Prozess-Bereich - schreibt dort den Backlink zur Uebersicht, wenn 
//von dort aus verlinkt wurde.
function WriteBacklink() {
	var ref = document.referrer;
	var found = ref.match("ueberblick.html");
	
	if (found == "ueberblick.html") {
		document.getElementById("backlink").style.visibility = "visible";
	}
}

//==================================================

//==============Funktion zum aendern der CSS-Datei screen.css (Nur zu Testzwecken)========================
function ChangeCSS(){
	var csshref = document.getElementById('ScreenCSS').href
	var csshrefteil = csshref.substring(csshref.length-10, csshref.length);
	var csshrefneu = ''

	if(csshrefteil == 'screen.css')
		csshrefneu = csshref.replace('screen.css','screentest.css');
	else
		csshrefneu = csshref.replace('screentest.css','screen.css');
	
	document.getElementById('ScreenCSS').href = csshrefneu;
	}
	
//===Generieren von Zufallszahlen - wird fuer das dynamische Austauschen des Homepage-Bildes benutzt===
function Zufall(bis){
	//Zufallszahl generieren
	var z = Math.round(Math.random()*bis);
	
	if (z==0)
		z=1;	
	
	return z;
	}
	
//Variable fuer zuletzt benutzte Zufallszahl
var last = 1;

function Zufallszahl(Anz){
//Zufallszahl muss sich von der letzten Zufallszahl unterscheiden
var z = last;

	while (z==last){
		var z = Zufall(Anz);
	}
	last = z;
	
	return z;
}
//===Ende Generieren von Zufallszahlen===

//Ermittelt, ob das uebergebene Bild vollstaendig geladen ist.
function hasloaded(img){
	if (img.complete)
		return true;
	else
		return false;
}

//Funktion sorgt fuer den Rollover-Effekt beim Ueberfahren der Haupt-Menuepunkte mit der Maus
//Uebergeben wird das name-Attribut des gerade ueberfahrenen Bildes und die Information,
//ob der Menuepunkt aktiviert (rot) oder inaktiviert (grau) dargestellt werden soll.
//Es wird dann das entsprechende Image geladen.
function rollover(bild,akt){
	//Aktuellen Verweis auf Grafik auslesen und Endung abschneiden.
	var bildteil = document.images[bild].src.split(".gif");
	//Grafikname '_a' fuer aktiviert abschneiden
	bildteil = bildteil[0].split("_a");
	
	//Classe des Listenelements in dem das Menuebild eingebettet ist ermitteln
	var bildclass = document.getElementById(bild).parentNode.parentNode.className;

	if (akt==1){
		//Wenn der Menuepunkt aktiviert (rot) dargestellt werden soll, 'rotes' Bild laden
		document.images[bild].src = bildteil[0]+"_a.gif";
	}else{
		//ansonsten, nur wenn es sich NICHT um einen gerade aktivierten Menuepunkt handelt diesen wieder grau machen
		if (bildclass != 'akt')
			document.images[bild].src = bildteil[0]+".gif";
		}
}

-->