var nAnzeige = 3;   //0 bis 3 (maximal 4 untereinander)
var nSelected = 0;  //Bild auf diesem Index ist aktiv, d.h. in voller Farbe Werte: 0...nAnzeige (0...3)

var nCurrent = 0;   //Index des auf der rechten Seite aktuell angezeigten Aktionsobjektes (0...Aktion.length)
var aktiv = true;
var nRichtung = "oben";

var imgK = new Array();
var imgG = new Array();
var preloadFlag = false;
var L;
function preloadImages(){
	if (preloadFlag) return;
	for (var k = 0; k < Aktion.length; k++){
		imgK[imgK.length] = newImage(Aktion[k]["bildK"]);
		imgG[imgG.length] = newImage(Aktion[k]["bildG"]);
	}
	preloadFlag = true;
}
function newImage(pfad){
	rslt = new Image();
	rslt.src = pfad;
	return rslt;
}
var fertig = false;
var mldg = 'Bilder der Aktionsobjekte werden geladen ';
function CompleteTest(){
	if (fertig) return true;
	L = Aktion.length;
	var KL = imgK.length;
	var GL = imgG.length;
	if (KL < L){
		Balken((GL<KL)?GL:KL, L, mldg, 'imanz');
		return false;
	}
	if (GL < L){
		Balken(GL, L, mldg, 'imanz');
		return false;
	}
	var bfertig = false;
	for (var k = 0; k < L; k++){
		bfertig = imgK[k].complete;
		if (!bfertig){
			Balken(k, L, mldg, 'imanz');
			return false;
		}
		bfertig = imgG[k].complete;
		if (!bfertig){
			Balken(k, L, mldg, 'imanz');
			return false;
		}
	}
	fertig = true;
	Balken(L, L, mldg, 'imanz');
	return true;
}
var vollbalken = '+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++';
var laengebalken = vollbalken.length;
function Balken(anz, ges, meldung, zielid){
	var ele = document.getElementById(zielid);
	if (ele){
		var la = Math.round(laengebalken*anz/ges);
		var code = '';
		if (meldung != '')
			code += '<span class="balkenmeldung">' + meldung + '<br></span>';
		if (la > 0){
			code += '<span class="balken">' + vollbalken.substr(0, la) + '</span>';
		}
		if (laengebalken > la){
			code += '<span class="balkenleer">' + vollbalken.substr(0, laengebalken - la) + '</span>';
		}
		ele.innerHTML = code;
		if (anz >= ges) ele.innerHTML = '';
	}
}
//liefert HTML für die linke Bildseite - wird nur am Anfang benutzt - danach zeigeLinks(n)
function anzeigeLinks() {

  if (Aktion.length - 1 < nAnzeige) nAnzeige = Aktion.length - 1;     //nAnzeige = Anzahl der anzuzeigenden Slides

  var strReturn = "";
  var nCounter = 0;	
  var n = 0;

  for (var i = 0; i <= nAnzeige; i++){
    n = nCurrent - nSelected + i;
    if (n < 0){
      n = Aktion.length + n;
    }
    else{
      if (n >= Aktion.length){
        n = n - Aktion.length;
      }
    }
    if (nCounter == nSelected){      
      strReturn += '<div class="pic"><a href="#" onclick="SelectSlide(' + i + '); return false;"><img name="slide' + i + '" id="slide' + i + '"  class="farbig" src="' + Aktion[n]['bildK'] + '" alt="" width="60" height="45"/></a></div>'
    }
    else{
      strReturn += '<div class="pic"><a href="#" onclick="SelectSlide(' + i + '); return false;"><img name="slide' + i + '" id="slide' + i + '"   class="farblos" src="' + Aktion[n]['bildK'] + '" alt="" width="60" height="45"/></a></div>';
    }

    if (nCounter == nAnzeige)
      nCounter = 0
    else
      nCounter++;

  }  
	
  return strReturn;
}
//liefert HTML für die rechte Seite - zeigt aktuelles Aktionsobjekt an - wird nur am Anfang benutzt - danach zeigeContent(n)
function anzeigeContent() {

	var doc = document.forms[0];
	var BeginnSSL = doc.BeginnSSL.value;     //Wenn auf dem Server kein SSL aktiviert ist, dann steht hier nur http... statt https... drin. 
	var objektURL = Aktion[nCurrent]['mehrlink'];

	var strReturn = "";
	strReturn += '<input type="hidden" name="ObjektURL" id="ObjektURL" value="' + objektURL + '">';    //wird von der im onclick des Objektlinks aufgerufenen Funktion benutzt
	objektURL = BeginnSSL + objektURL;
	strReturn += '<div class="bild">';
	strReturn += '<a name="linkAkt" id="linkAkt" href="' + objektURL + '" onclick="aktiv=false;return objOnClick()"><img name="bildAkt" id="bildAkt" src="' + Aktion[nCurrent]['bildG'] + '" alt="Aktionsbild" width="320" height="240"/></a>';
	strReturn += '</div>';
	strReturn += '<div class="text">';
	strReturn += '<div name="titelAkt" id="titelAkt" class="titel">';
	strReturn += Aktion[nCurrent]['titel'];
	strReturn += '</div>';
	strReturn += '<p name="aktionentextAkt" id="aktionentextAkt" class="aktionentext">';
	strReturn += Aktion[nCurrent]['text'];
	strReturn += '</p>';		
	strReturn += '</div>';
	strReturn += '<div class="mehrlink">';
	strReturn += '<a name="mehrlinkAkt" id="mehrlinkAkt" href="' + objektURL + '" onclick="aktiv=false;return objOnClick()">[mehr Infos]</a>';
	strReturn += '</div>';
	strReturn += '<div style="clear:both;"></div>';

	document.getElementById("nCurrent").innerHTML = nCurrent + 1;

	return strReturn;
}
//Wenn SSL auf dem Server aktiviert ist, aber im Browser des Users nicht, wird ein sonst mit https zu öffnender Link nur mit http geöffnet.
//Wird im onclick des <a>-Tags aufgerufen. 
function objOnClick(){
	var doc = document.forms[0];
	var mitSSL = (doc.ProfilVerbindung.value == 'SSL');
	if (mitSSL){
		return ssltest(doc.BeginnNormal.value + doc.ObjektURL.value);
	}
	else {
		return true;
	}
}
//scrollt die linke Bildleiste sowie das aktuelle Aktionsbild eins nach unten
function GoUnten() {		
  if (nCurrent < (Aktion.length - 1))
    nCurrent ++;
  else
    nCurrent = 0;

    zeigeLinks(nCurrent);
    zeigeContent(nCurrent);
}
//scrollt die linke Bildleiste sowie das aktuelle Aktionsbild eins nach oben
function GoOben() {
  if (nCurrent > 0)
    nCurrent --
  else
    nCurrent = Aktion.length - 1;			

    zeigeLinks(nCurrent);
    zeigeContent(nCurrent);
}
//wechels des aktuelle angezeigten Aktionsbildes in der linken Bildleiste
function zeigeLinks(n){
	var imgL;
	var nCounter = 0;	
	var n = 0;
	for (var i = 0; i <= nAnzeige; i++){
		n = nCurrent - nSelected + i;
		if (n < 0){
			n = Aktion.length + n;
		}
		else{
			if (n >= Aktion.length){
				n = n - Aktion.length;
			}
		}
		imgL = eval('document.slide' + i);
		imgL.src = imgG[n].src;
		if (nCounter == nSelected){
			//in voller Farbe darstellen
			if (navigator.appName == "Microsoft Internet Explorer"){
				imgL.className = "farbig";
			}
			else{
				imgL.setAttribute("class", "farbig");
			}		
		}
		else{
			//etwas blasser darstellen
			if (navigator.appName == "Microsoft Internet Explorer"){
				imgL.className = "farblos";
			}
			else{
				imgL.setAttribute("class", "farblos");
			}
		}

		if (nCounter == nAnzeige)
			nCounter = 0
		else
			nCounter++;
	}
}
//wechselt das aktuell angezeigte Aktionsobjekt durch das mit dem Index n aus
function zeigeContent(n){
	var doc = document.forms[0];
	var objektURL = doc.BeginnSSL.value + Aktion[n]["mehrlink"];
	doc.ObjektURL.value = Aktion[n]["mehrlink"];
	document.bildAkt.src = imgG[n].src;
	document.getElementById("linkAkt").href = objektURL; 
	document.getElementById("titelAkt").innerHTML = Aktion[n]["titel"];
	document.getElementById("aktionentextAkt").innerHTML = Aktion[n]["text"];
	document.getElementById("mehrlinkAkt").href = objektURL; 
	document.getElementById("nCurrent").innerHTML = n + 1;
}
//Klick auf ein Slide im linken Bereich stoppt die Animation und zeigt rechts das passende Objekt an
function SelectSlide(n){
  aktiv = false;
  nCurrent = nCurrent + (n - nSelected);
  if (nCurrent < 0){
    nCurrent = Aktion.length + nCurrent;
  } 
  else{
    if (nCurrent >= Aktion.length){
      nCurrent = nCurrent - Aktion.length;
    }
  }
  nSelected = n;

  zeigeLinks(nCurrent);
  zeigeContent(nCurrent);

}
var takt40 = 0;
function Slide() {

  if (aktiv == true){
    if (nRichtung == "oben"){
      if (CompleteTest()){
		takt40++;
		if (takt40==40){
			takt40 = 0;
			GoUnten();
		}
	}
    }
    else{
      if (CompleteTest()){
		takt40++;
		if (takt40==40){
			takt40 = 0;
			GoOben();
		}
	}
    }
  }

}