//** All Rights reserved			
//** http://www.edlly.de	(c)		
//** script@edlly.de				
//**   						
//** file version: 1.3.2			
//** Last Edit: 21.05.09			



function MainImage(akt_bild){
	
	// lade animation
	ImageChange();
	// Bild Ändern
	document.getElementById('MainBild').src = bilder_redu[akt_bild];
	document.getElementById('MainBild').style.height = bilder_redu_h[akt_bild] + "px";
	document.getElementById('MainBild').style.width = bilder_redu_w[akt_bild] + "px";
	document.getElementById('MainBild').style.left = Math.round((270 - (bilder_redu_w[akt_bild]/2))) + "px";
    document.getElementById('MainBild').onclick = new Function("ImageBig(" + akt_bild + ")");
    document.getElementById('Lupe').onclick = new Function("ImageBig(" + akt_bild + ")");
	// Thumbnails schieben
	ThumbnailMove(akt_bild);
	
	// Grosansicht schließen wenn offen
	schliessen();
	

}


// pfeil nach recht
function MovePicture(Move){
	var anzahl_bilder = bilder_gross.length;
	
	// Positiver Move
	if(Move > 0){
	    
		akt_bild += Move;

		if(akt_bild > anzahl_bilder-1){	
		 
			akt_bild = 0;
			
			if(Move > 1){
				akt_bild = (Move+akt_bild - 1);
			
			}}
		
	}else if(Move < 0){
	 // vorzeichen umdrehen
	 Move = -Move
	
	 if(akt_bild != 0){	
		
		akt_bild = akt_bild - Move ;
		if(akt_bild < 0){
		 akt_bild = (anzahl_bilder+1)-Move;	}
	}else{

		akt_bild = anzahl_bilder-Move;}
	}
    // Gross Bild laden
	MainImage(akt_bild);

	// Knopfe Zurück Weiter erneurn
    ThumbnailChangeButton(akt_bild);
} 
function DirektMove(Elem){
    MainImage(Elem);
    
    // akt_bild wird aktualliesiert damit das aktuelle bild für den move vorhanden ist.
    akt_bild = Elem;
}


function LeisteMove(LeisteMove, Thumbnail){
 
 	var anzahl_bilder = bilder_gross.length;
	// Positiver Move
	if(LeisteMove > 0){
	    
		Thumbnail += LeisteMove;
		
		if(Thumbnail > anzahl_bilder-1){	
		 
			Thumbnail = 0;
			
			if(LeisteMove > 1){
				Thumbnail = (LeisteMove+Thumbnail - 1);
				
			}}
			
	}else if(LeisteMove < 0){
	 // vorzeichen umdrehen
	 LeisteMove = -LeisteMove
	
	 if(Thumbnail != 0){	
		
		Thumbnail = Thumbnail - LeisteMove ;
		if(Thumbnail < 0){
		 Thumbnail = (anzahl_bilder+1)-LeisteMove;	}
	}else{

		Thumbnail = anzahl_bilder-LeisteMove;}
	}
	// Knopfe Zurück Weiter erneurn
    ThumbnailChangeButton(Thumbnail);
	
	// Thumbnails schieben
	ThumbnailMove(Thumbnail);	
	
	// Grosansicht schließen wenn offen
	schliessen();
	
}
function ThumbnailChangeButton(ThumbId){
	// Change funktion
	document.getElementById('ThumbnailMoveLeft').onclick = new Function("LeisteMove(-1,"+ ThumbId +")");
	document.getElementById('ThumbnailMoveRight').onclick = new Function("LeisteMove(1,"+ ThumbId +")");
	}

function ThumbnailMove(ThumbNull){
    // Anzahl der Bilder im Array
	var anzahl_bilder = bilder_gross.length;
	
	// Mittleres Thumbnail
	var thumb0_array_elm = ThumbNull;
	document.getElementById('thumb0').src = bilder_thumb[thumb0_array_elm];
	document.getElementById('thumb0').style.height = bilder_thumb_h[thumb0_array_elm] + "px";
	document.getElementById('thumb0').style.width = bilder_thumb_w[thumb0_array_elm] + "px";
	document.getElementById('thumb0').onclick = new Function("DirektMove("+ thumb0_array_elm + ")");
	// Thumb Recht 1
	var thumb1_array_elm = ThumbNull + 1;
	
	// Wenn das letzte im mittel wieder mit 1 anfang
	if(thumb0_array_elm == anzahl_bilder-1){
		thumb1_array_elm = 0;
		
	}
	
	document.getElementById('thumb1').src = bilder_thumb[thumb1_array_elm];
	document.getElementById('thumb1').style.height = bilder_thumb_h[thumb1_array_elm] + "px";
	document.getElementById('thumb1').style.width = bilder_thumb_w[thumb1_array_elm] + "px";
	document.getElementById('thumb1').onclick = new Function("DirektMove("+ thumb1_array_elm + ")");
	// Thumb Recht 2
	var thumb2_array_elm = ThumbNull + 2;
	
	// Wenn das letzte im mittel wieder mit 1 anfang
	if(thumb0_array_elm == anzahl_bilder-1){
		thumb2_array_elm = 1;
	}
	if(thumb0_array_elm == anzahl_bilder-2){
		thumb2_array_elm = 0;
	}
	document.getElementById('thumb2').src = bilder_thumb[thumb2_array_elm];
	document.getElementById('thumb2').style.height = bilder_thumb_h[thumb2_array_elm] + "px";
	document.getElementById('thumb2').style.width = bilder_thumb_w[thumb2_array_elm] + "px";
	document.getElementById('thumb2').onclick = new Function("DirektMove("+ thumb2_array_elm + ")");
	
	// Thumb Links 1
	var thumb4_array_elm = ThumbNull - 1;
	
	// Wenn das Elemt Negativ wird das letzte bild aus dem Array anzeigen
	if(thumb4_array_elm <= -1){
	 	
		thumb4_array_elm = anzahl_bilder-1;
	}
	document.getElementById('thumb4').src = bilder_thumb[thumb4_array_elm];
	document.getElementById('thumb4').style.height = bilder_thumb_h[thumb4_array_elm] + "px";
	document.getElementById('thumb4').style.width = bilder_thumb_w[thumb4_array_elm] + "px";
	document.getElementById('thumb4').onclick = new Function("DirektMove("+ thumb4_array_elm + ")");
	
	// Thumb Links 2
	var thumb3_array_elm = ThumbNull - 2;
	
	// Wenn das Elemt Negativ wird das letzte bild aus dem Array anzeigen
	if(thumb3_array_elm <= -1){
	 	
		 // Wenn das thumb Recht von diesem 0 ist nur das letzte aus dem Array Picken
		 if(thumb4_array_elm == 0){
			
			thumb3_array_elm = anzahl_bilder-1;
		}else{
		 
			thumb3_array_elm = anzahl_bilder-2; }
	}
	document.getElementById('thumb3').src = bilder_thumb[thumb3_array_elm];
	document.getElementById('thumb3').style.height = bilder_thumb_h[thumb3_array_elm] + "px";
	document.getElementById('thumb3').style.width = bilder_thumb_w[thumb3_array_elm] + "px";
	document.getElementById('thumb3').onclick = new Function("DirektMove("+ thumb3_array_elm + ")");
	

	
}

var DiaShowAutoTime;

// Wechsel fürs laden des bildes
function ImageLoaded(){
	document.getElementById('MainBild').style.visibility='visible';   
    document.getElementById('LoadBild').style.visibility='hidden';  
	document.getElementsByTagName("body")[0].style.cursor = "auto";
	
	// Wenn die Autoshow läuft Timeout fürs nächste Bild
	if(DiaShowAutoRun == "1"){
		
		 DiaShowAutoTime = setTimeout("MovePicture(1)", 5000); }
      } 
 
// Neues Bild wechsel zum lade bild
function ImageChange(){
    document.getElementById('MainBild').style.visibility='hidden';
    document.getElementById('LoadBild').style.visibility='visible';
    document.getElementsByTagName("body")[0].style.cursor = "wait";
    
    // Timeout stoppen falls leuft
    clearTimeout(DiaShowAutoTime);
    
} 


function ImageLoadedPopup(){
	document.getElementById('BigImg').style.visibility='visible';   
    document.getElementById('LoadBig').style.visibility='hidden';  
	document.getElementsByTagName("body")[0].style.cursor = "auto";
} 

function ImageBig(ImgId){
	var Height = bilder_gross_h[ImgId];
	var Width = bilder_gross_w[ImgId];
	var BildName = bilder_name[ImgId];
	var Bild = bilder_gross[ImgId];	
		
	ImgPopup(Width, Height, BildName, Bild);

}
function ImgPopup(Width, Height, BildName, Bild){
	// Fenstergröße
	var FensterBreite = document.getElementsByTagName("html")[0].clientWidth; 
	var FensterMitte = Math.round(FensterBreite/2);
	var FensterHoehe = document.getElementsByTagName("html")[0].clientHeight; 

	// Größe festlegen
	if(Height < Width){
		if(Height > FensterHoehe){
			Width = Math.round((Width/Height) * FensterHoehe - 60);
			
			Height = FensterHoehe - 60;
		 }
		
	}else{
		if(Width > FensterBreite){
			Height = Math.round((Height/Width) * FensterBreite - 12);
			
			Width = FensterBreite - 12;
					
		 }
		if(Height > FensterHoehe){
			Width = Math.round((Width/Height) * FensterHoehe - 60);
			
			Height = FensterHoehe - 60;
		 }
	}
	

	// Div Erstellen
	var ImgDiv = document.createElement("div");
	ImgDiv.id = "ImgDiv";	
	ImgDiv.className = "GalerieBigImgOverlay";
	ImgDiv.style.width = FensterBreite + "px";
	ImgDiv.style.height = FensterHoehe + "px";
	document.getElementsByTagName("body")[0].appendChild(ImgDiv); 
		
	// Mitte festlegen
	var BildPosition = Math.round(FensterMitte-(Width/2));
	
	
	var BigImgLeiste = document.createElement("div");
	BigImgLeiste.id = "BigImgLeiste";
	BigImgLeiste.className = "GalerieBigImgLeiste";
 	BigImgLeiste.style.width = Width-20 + "px";
	BigImgLeiste.style.left = BildPosition + "px";
	BigImgLeiste.onclick = new Function("schliessen()");
 	document.getElementsByTagName("body")[0].appendChild(BigImgLeiste); 
 	// Text im DIV erstellen
 	var BigImgText = document.createTextNode(BildName);
 	document.getElementById("BigImgLeiste").appendChild(BigImgText);
	// Span Erstellen
 	var BigImgSpan = document.createElement("span");
 	BigImgSpan.id = "BigImgSpan";
 	BigImgSpan.title = "Zum Schliessen Klicken";
 	document.getElementsByTagName("body")[0].appendChild(BigImgSpan); 
 	
 	// Bild erstellen und Atributte setzten
	var BigImg = document.createElement("img");
	BigImg.id = "BigImg";
	BigImg.className = "GalerieBigImg";
	BigImg.src = Bild;
	BigImg.style.left = BildPosition + "px";
	BigImg.style.width = Width + "px";
	BigImg.style.height = Height + "px";
	BigImg.style.visibility = 'hidden';  
	BigImg.onclick = new Function("schliessen()");
	BigImg.onload = new Function("ImageLoadedPopup()");
	document.getElementById("BigImgSpan").appendChild(BigImg); 
	
	// Bild Load Mitte
	var BildLoadPosition = Math.round(FensterMitte-(150));
	
	// Load Bild
	var BigImgLoad = document.createElement("img");
	BigImgLoad.id = "LoadBig";
	BigImgLoad.className = "GalerieBigLoad";
	BigImgLoad.src = seiten_root + "pics/cms/load.gif";	
	BigImgLoad.style.left = BildLoadPosition + "px";
	document.getElementById("BigImgSpan").appendChild(BigImgLoad); 
	
	transparency("ImgDiv", '20');		
}

function schliessen(){
 	if(document.getElementById('ImgDiv')){
 	 
 	// Elemnte zerstören
	document.getElementsByTagName("body")[0].removeChild(document.getElementById('ImgDiv'));
	document.getElementsByTagName("body")[0].removeChild(document.getElementById('BigImgLeiste'));
	document.getElementsByTagName("body")[0].removeChild(document.getElementById('BigImgSpan'));
	}
}

// Zeit Funktion für automatischen Ablauf
function DiaShowAuto(){

	if(DiaShowAutoRun == 0){
		
		DiaShowAutoRun = 1;
		document.getElementById("diashowautorunicon").src = seiten_root + "pics/cms/stop.gif";	
		MovePicture(1);
	}else{
		
		DiaShowAutoRun = 0; 
		document.getElementById("diashowautorunicon").src = seiten_root + "pics/cms/play.gif";
		clearTimeout(DiaShowAutoTime); }	
}

// (c) by: http://coding.binon.net/index.htm?dhtml/transobj.htm
// Vielen Dank für diese Klasse Funktion!

function transparency(element,percentage) {
 // Lokale Variablen definieren
 var i, count, objStyle, filterValue, opacityValue;

 // Browser unterstuetzt (W3C-)DHTML?
 if(document.getElementById) {

  // Wurde Object uebergeben und existiert es?
  if(typeof(element)=="object" && element) { obj=element; }
  // Ansonsten: Existiert (mindestens) ein HTML-Element mit passendem NAME-Attribut?
  else if (document.getElementsByName(element) && document.getElementsByName(element)[0]) { obj=document.getElementsByName(element); }
  // Ansonsten: Existiert ein HTML-Element mit passendem ID-Attribut?
  else if (document.getElementById(element)) { obj=document.getElementById(element); }
  // Ansonsten: Existiert (mindestens) ein passendes HTML-Element?
  else if (document.getElementsByTagName && document.getElementsByTagName(element) && document.getElementsByTagName(element)[0]) { obj=document.getElementsByTagName(element); }
  // Ansonsten: Kein passendes Objekt gefunden
  else { obj=false; }

  // Wenn ein Objekt existiert
  if(obj) {
   // Gueltigen Prozentwert definieren (Deckungswert)
   percentage=(typeof(percentage)=="undefined")?50:100-percentage;
   // Wert fuer (IE-)Filter
   filterValue="Alpha(opacity="+percentage+")";
   // Wert fuer CSS opacity
   opacityValue=""+percentage/100;
   // Anzahl der passenden Elemente bestimmen
   count=(obj.length)?obj.length:1;
   // Diese Elemente durchgehen
   for(i=0;i<count;i++) {
    // (Arbeits-)Stylesheet-Objekt definieren
    objStyle=(obj.length)?obj[i].style:obj.style;
    // "filter(Alpha)"-Style setzen (fuer IE)
    objStyle.filter=filterValue;
    // "-moz-opacity"-Style setzen (fuer Mozilla)
    objStyle.MozOpacity=opacityValue;
    // "-khtml-opacity"-Style setzen (fuer Konqueror/Safari)
    objStyle.KhtmlOpacity=opacityValue;
    // "opacity"-Style setzen (fuer CSS-3-Browser)
    objStyle.opacity=opacityValue;
   }
  }

 }
}

// Für die auswahl liste
 function OrdnerAnzeigen(id)
{
	var row = document.getElementById("ordner_" + id);
	if (row) {
		img = document.getElementById("menupic_" + id);
		if (row.style.display == 'none')
		{
			if (img) {
				img.src = "http://www.effa.net/effa_cms/pics/cms/directory.gif";
				img.alt = "Inhalt ausblenden";
			}
			row.style.display = "";
		}
		else
		{
			if (img) {
				img.src = "http://www.effa.net/effa_cms/pics/cms/directory.gif";
				img.alt = "Inhalt Anzeigen";
			}
			row.style.display = "none";
		}
	}
}

function CheckAll(Formname) {
	for(var x=0;x<document.getElementById(Formname).elements.length;x++) {
    
		var y=document.getElementById(Formname).elements[x];
    	if(y.name!='Checkbox') y.checked=document.getElementById(Formname).Checkbox.checked; }
}