/***************************  DETAILANSICHT ZEIGEN  ******************************************************************************************/
	function zeigeDetails(detailId) {
		var context = document.getElementById('details');
 
		// Laufe durch die Liste aller Kindknoten und blende sie jeweils aus
		for(var i=0; i<context.childNodes.length; i++ ) {
			context.childNodes[i].style.display="none";
		}

		// Hole die "Detail"-Tabelle mit der gewünschten ID und zeige sie an
		var desiredProfile = document.getElementById('detail_'+detailId);
		desiredProfile.style.display="block";
		alert(detailId);

		document.forms[detailId-1].person_id.disabled = false;
	}
	
	/* VERARBEITUNG */
	function zeigeDetail(detailId) {
		var detailanzahl = document.getElementById('details').getElementsByTagName("h1").length;
		// Detailansicht ausblenden
		for(var k=1; k<=detailanzahl; k++ ) {
			document.getElementById('detail_'+k).style.display="none";
		}
		document.getElementById('detail_'+detailId).style.display="block";
	}
	function zeigeAlleDetails() {
		var detailanzahl = document.getElementById('details').getElementsByTagName("h1").length;
		// Detailansicht einblenden
		for(var k=1; k<=detailanzahl; k++ ) {
			document.getElementById('detail_'+k).style.display="block";
		}
	}
/***************************  KAFFEEICONS - DETAILANSICHT DER AUTOMATEN **************************************************************************/
	/* onMouseOver der Kaffeeicons */
	function zeigeTitel(detailId, over) {
		document.getElementById('drinktitle_'+detailId).className = "drinktitle_over";
		document.getElementById('drinkdesc_00').style.display="none";
		document.getElementById('drinkdesc_'+detailId).style.display="block";
		// Kaffeeicon austauschen
		var image;
		image=document.getElementById('kaffee_'+detailId);
		if (image) 
		{
			image.src = over;
		}
	}
	
	/* onMouseOut der Kaffeeicons */
	function versteckeTitel(detailId, out) {
		document.getElementById('drinktitle_'+detailId).className = "drinktitle";
		//document.getElementById('drinkdesc_'+detailId).style.display="none";
		
		var icons = document.getElementById('icons');
		var iconsanzahl = document.getElementById('icons').getElementsByTagName("a").length;

		for(var i=0; i<iconsanzahl; i++ ) {
			document.getElementById('drinkdesc_'+i).style.display="none";
		}
		// Kaffeeicon austauschen
		var image;
		image=document.getElementById('kaffee_'+detailId);
		if (image) 
		{
			image.src = out;
		}
	}
	
	/* onClick der Kaffeeicons */
	function zeigeText(detailId) {
		var icons = document.getElementById('icons');
		var iconsanzahl = document.getElementById('icons').getElementsByTagName("a").length;

		for(var i=0; i<iconsanzahl; i++ ) {
			document.getElementById('drinkdesc_'+i).style.display="none";
		}
	    document.getElementById('drinktitle_'+detailId).style.display="block";
		document.getElementById('drinkdesc_'+detailId).style.display="block";
	}
	
/* FÜR AUTOMATENBERATER */
check = []; //array speichert alle true/false-Werte für jede Checkbox
function checkBox(id, checkbox, berid, backfunc) {

	var _ie=navigator.userAgent.indexOf('MSIE')!=-1;
	var _mac=navigator.userAgent.indexOf('Mac')!=-1;
	var ergebnis = new Array();
	var ergebnis1 = new Array();
	var bilder = new Array();
	var bilder1 = new Array();
	var i = 0;
	//var checkbox = check;
	var elements = document.tx_automaten.elements.length/3; // wegen den 3 input-feldern pro element

	// nur bei der Auswahl der Automaten
	if (berid == 1) {
		document.getElementById('automatkl').style.display="none";
		var x = document.tx_automaten.elements.length-1;
		var elements = x/3;
	} else {
		var elements = document.tx_automaten.elements.length/3;
	}
	
	if(backfunc == 1 && berid != 4 && berid != 1 && document.getElementById('backfunktion')) {
		document.getElementById('backfunktion').style.display="none";
		document.getElementById('backbild').style.display="none";
	} else if ((backfunc == 1 && berid == 4) || (backfunc == 1 && berid == 1)) {
		document.getElementById('backfunktion').style.display="none";
	} else if(document.getElementById('strich')){
		if (berid == 2 || berid == 3) {
			document.getElementById('strich').style.display="none";
		} 
	}

		
	if(_mac == 1) {
		// nur Mac IE 
		if(_ie == 1) {		
		  var para = document.getElementById("ergebnistext");
		  var attrElm = document.getElementById("radio");  
		  var menu2 = document.getElementById("ergebnistext");
		  var breakElm = document.getElementById("radiobreak");
		  var automaticons = document.getElementById("selectedicons2"); 
		  var automatneu = document.getElementById("automatneu");
		  var leistung = document.getElementById("leistung");
		  
			if(checkbox != 1) {
			  	if(check[id] != true) { // angewähltes Element			   
				   // FIRSTELE-SPAN LÖSCHEN, FALLS ES EXISTIERT
			   	   var firsteletxt = document.getElementById("ergebnistxt");
			   	   var firstele = document.getElementById("firstele");
			   	   if(firstele) {
			   		   firsteletxt.removeChild(firstele);
			   	   }
				   
				   // ALTEN TEXT LÖSCHEN, FALLS ER EXISTIERT
				   if(attrElm) {
			   		   var removed = para.removeChild(attrElm);
			   		   var removed2 = para.removeChild(breakElm);
				   }
				   
				   // HIER NEUEN TEXT HINZUFÜGEN & NEUES BILD HINZUFÜGEN 
					var spanElem2 = document.createElement("SPAN");
					spanElem2.setAttribute("id","radio");
					var newBreak3 = document.createElement("BR");
				    newBreak3.setAttribute("id","radiobreak");
					var eintrag2 = document.createTextNode(document.getElementById('inputValue' + id).value);
					spanElem2.appendChild(eintrag2);
					menu2.appendChild(spanElem2);
					menu2.appendChild(newBreak3);
					//alert("checkid - false" + id);
					
					// BILDER LÖSCHEN 
				   if(berid == 1) {
					// ALTEN AUTOMATEN ENTFERNEN				 
					 if(automatneu) {
					   automaticons.removeChild(automatneu);   
					 } 
					
					var img = document.createElement("img");
					img.src = document.getElementById('inputImage' + id).value;
					img.setAttribute("class", "automat");
					img.setAttribute("id", "automatneu");
					img.alt = "Automat";
					automaticons.appendChild(img);  
				   } else if(berid == 4) {
				       // STANDARD-LEISTUNGSBILD LÖSCHEN
			  		   var standardbild = document.getElementById("leistung").lastChild;
					   if(standardbild){
						  leistung.removeChild(standardbild);   
						}
 						// DYNAMISCH HINZUGEFÜGTES BILD LÖSCHEN
			   		    var radioiconElm = document.getElementById("radioicon");
			   		    if(radioiconElm){
						   leistung.removeChild(radioiconElm);   
						}
						// BILD HINZUFÜGEN
						var img = document.createElement("img");
						img.src = document.getElementById('inputImage' + id).value;
						img.setAttribute("class", "leistung");
						img.setAttribute("id", "radioicon");
						img.alt = "Leistungskapazitaet";
						leistung.appendChild(img);  
					}
			    } else {
					var h=0;
					// bewirkt, dass bei radioButtons immer nur ein Element ausgewählt ist
					if(id != 0) { 
					  // wenn ein radioButton angeklickt wird, der schon aktiv ist	
					  // dann alten Eintrag löschen und den von id=0 eintragen
						//alert("check[h]true");
						// ALTEN TEXT LÖSCHEN, FALLS ER EXISTIERT
					   if(attrElm) {
				   		   var removed = para.removeChild(attrElm);
				   		   var removed2 = para.removeChild(breakElm);
					   }
						var spanElem2 = document.createElement("SPAN");
						spanElem2.setAttribute("id","radio");
						var newBreak3 = document.createElement("BR");
					    newBreak3.setAttribute("id","radiobreak");
						var eintrag2 = document.createTextNode(document.getElementById('inputValue0').value);
						spanElem2.appendChild(eintrag2);
						menu2.appendChild(spanElem2);
						menu2.appendChild(newBreak3);	
						
						if(berid == 1) {
							// ALTEN AUTOMATEN ENTFERNEN				 
							if(automatneu) {
							   automaticons.removeChild(automatneu);   
							} 
							var img = document.createElement("img");
							img.src = document.getElementById('inputImage0').value;
							img.setAttribute("class", "automat");
							img.setAttribute("id", "automatneu");
							img.alt = "Automat";
							automaticons.appendChild(img);  
						}else if(berid == 4) {
					       // STANDARD-LEISTUNGSBILD LÖSCHEN
				  		   var standardbild = document.getElementById("leistung").lastChild;
						   if(standardbild){
							  //alert("standardbild "+standardbild);
							  leistung.removeChild(standardbild);   
							}
	 						// DYNAMISCH HINZUGEFÜGTES BILD LÖSCHEN
				   		    var radioiconElm = document.getElementById("radioicon");
				   		    if(radioiconElm){
							   leistung.removeChild(radioiconElm);   
							}
							// BILD HINZUFÜGEN
							var img = document.createElement("img");
							img.src = document.getElementById('inputImage0').value;
							img.setAttribute("class", "leistung");
							img.setAttribute("id", "radioicon");
							img.alt = "Leistungskapazitaet";
							leistung.appendChild(img);  
						}				   
					} else { 
					  // wenn der erste radioButton angeklickt wird, der schon aktiv ist	
					  // dann alten Eintrag löschen und den von id=1 eintragen
						h += 1;
						//alert("check[h]true2");
						// ALTEN TEXT LÖSCHEN, FALLS ER EXISTIERT
					   if(attrElm) {
				   		   var removed = para.removeChild(attrElm);
				   		   var removed2 = para.removeChild(breakElm);
					   }
						var spanElem2 = document.createElement("SPAN");
						spanElem2.setAttribute("id","radio");
						var newBreak3 = document.createElement("BR");
					    newBreak3.setAttribute("id","radiobreak");
						var eintrag2 = document.createTextNode(document.getElementById('inputValue1').value);
						spanElem2.appendChild(eintrag2);
						menu2.appendChild(spanElem2);
						menu2.appendChild(newBreak3);
						
						if(berid == 1) {
							// ALTEN AUTOMATEN ENTFERNEN				 
							if(automatneu) {
							   automaticons.removeChild(automatneu);   
							   //alert("automatneu");
							} 
							var img = document.createElement("img");
							img.src = document.getElementById('inputImage1').value;
							img.setAttribute("class", "automat");
							img.setAttribute("id", "automatneu");
							img.alt = "Automat";
							automaticons.appendChild(img);  
						} else if(berid == 4) {
					       // STANDARD-LEISTUNGSBILD LÖSCHEN
				  		   var standardbild = document.getElementById("leistung").lastChild;
						   if(standardbild){
							  leistung.removeChild(standardbild);   
							}
	 						// DYNAMISCH HINZUGEFÜGTES BILD LÖSCHEN
				   		    var radioiconElm = document.getElementById("radioicon");
				   		    if(radioiconElm){
							   leistung.removeChild(radioiconElm);   
							}
							// BILD HINZUFÜGEN
							var img = document.createElement("img");
							img.src = document.getElementById('inputImage' + h).value;
							img.setAttribute("class", "leistung");
							img.setAttribute("id", "radioicon");
							img.alt = "Leistungskapazitaet";
							leistung.appendChild(img);  
						}
					}	
				}

			} 
		}
	}


	if(checkbox == 1) { // Checkboxen einfügen		
		if(document.getElementById('inputCheck' + id).value == "false") 
		{
			document.getElementById('imgCheck' + id).src = "fileadmin/templates/main/img/btn/true.gif"; // Bild ändern
			document.getElementById('inputCheck' + id).value = "true"; // Wert ändern
			check[id] = true; // Wert für die Checkbox im Array ändern
		} else if(document.getElementById('inputCheck' + id).value == "true") {
			document.getElementById('imgCheck' + id).src = "fileadmin/templates/main/img/btn/false.gif";
			document.getElementById('inputCheck' + id).value = "false";
			check[id] = false;
		}
	} else if (checkbox == 0) { // Radiobuttons einfügen
		//document.getElementById('ergebnis').style.display = "none";
		if(check[id] != true) //if a value is not true, use this rather than == false, 'cos the first time no value will be set and it will be undefined, not true or false
		{
			document.getElementById('imgCheck' + id).src = "fileadmin/templates/main/img/btn/trueradio.gif"; // Bild ändern
			document.getElementById('inputCheck' + id).value = "true"; // Wert ändern
			check[id] = true; 
		
			for (var h=0;h<elements;h++) {
				if(h != id) {		
					document.getElementById('imgCheck' + h).src = "fileadmin/templates/main/img/btn/falseradio.gif"; 
					document.getElementById('inputCheck' + h).value = "false";
					check[h] = false; 
				}
			}
			document.getElementById('firstele').style.display = "none";
		} else {
			document.getElementById('imgCheck' + id).src = "fileadmin/templates/main/img/btn/falseradio.gif";
			document.getElementById('inputCheck' + id).value = "false";
			check[id] = false;
			
			var elements = document.tx_automaten.elements.length/3;
			var h=0;
			// bewirkt, dass bei radioButtons immer nur ein Element ausgewählt ist
			if(id != 0) {		
				document.getElementById('imgCheck' + h).src = "fileadmin/templates/main/img/btn/trueradio.gif"; 
				document.getElementById('inputCheck' + h).value = "true";
				check[h] = true; 
			} else {
				h += 1;
				document.getElementById('imgCheck' + h).src = "fileadmin/templates/main/img/btn/trueradio.gif"; 
				document.getElementById('inputCheck' + h).value = "true";
				check[h] = true; 
			}	
			
		}
	} 

	// nur bei der Auswahl der Automaten
	if (berid == 1) {
		var x = document.tx_automaten.elements.length-1;
		var elements = x/3;
	} else {
		var elements = document.tx_automaten.elements.length/3;
	}
	
	
	// beim Mac IE5 werden Getränke, Zahlungseigenschaften auf diese Weise eingefügt, da er innerHtml nicht verarbeiten kann
	// Checkboxen berid = 2 || 3
	if(_mac == 1) {
		// nur Mac IE 
		if(_ie == 1) {
			if(checkbox == 1) {
				if(check[id] == true) { 	
					//alert("ja"+id);
					// alle breaks und Textelemente werden mit IDs versehen, damit sie später wieder gelöscht werden können
		/********** KONFIGURATION ERGEBNIS **********************************************************/		
					var menu = document.getElementById("ergebnistext"); 
					var spanElem = document.createElement("SPAN");
					spanElem.setAttribute("id","attr_"+id);
					var newBreak = document.createElement("BR");
				    newBreak.setAttribute("id","break1_"+id);
					var eintrag = document.createTextNode(document.getElementById('inputValue' + id).value);
					spanElem.appendChild(eintrag);
					menu.appendChild(spanElem);
					menu.appendChild(newBreak);
		/********** BILDER AM KONFIGURIERTEN AUTOMATEN **********************************************************/					
					var icons = document.getElementById("selectedicons2"); 
				  	var img = document.createElement("img");
				  	var newBreak2 = document.createElement("BR");
				  	newBreak2.setAttribute("id","break2_"+id);
					img.src = document.getElementById('inputImage' + id).value;
					img.setAttribute("class", "drink");
					img.setAttribute("id", "icon_"+id);
					img.alt = "Getraenk";
					// img_Element=document.createElementNS(xhtml, "img");
					icons.appendChild(img);
					icons.appendChild(newBreak2);   
				} else if(check[id] == false) {
		/********** BILDER UND ERGEBNIS AM KONFIGURIERTEN AUTOMATEN WIEDER LÖSCHEN **********************************************************/
				   var para = document.getElementById("ergebnistext");
		  		   var attrElm = document.getElementById("attr_"+id);
		   		   var removed = para.removeChild(attrElm);
		   		   var breakElm = document.getElementById("break1_"+id);
		   		   var removed2 = para.removeChild(breakElm);
		   		   
		   		  // BILDER LÖSCHEN 
				   var selectedi = document.getElementById("selectedicons2");
		  		   var iconElm = document.getElementById("icon_"+id);
		   		   var removed3 = selectedi.removeChild(iconElm);
		   		   var break2Elm = document.getElementById("break2_"+id);
		   		   var removed4 = selectedi.removeChild(break2Elm);
				} 
			} 
		}
	}
	
	
	for(var j=0; j<elements; j++ ) {
		//alert("elements"+elements + document.getElementById('inputCheck' + j).value + document.getElementById('inputImage' + j).value);
		if(document.getElementById('inputCheck' + j).value == "true") {
			var x = "li"+document.getElementById('inputValue' + j).value+"li";
			ergebnis[i] = document.getElementById('inputValue' + j).value;
			//alert(ergebnisie);
			/*if(_mac == 1) {
				// nur Mac IE 
				if(_ie == 1) {
				    var menu = document.getElementById("ergebnistext"); 
				    var newBreak = document.createElement("BR");
				    //var aElem = document.createElement("a");
					var spanElem = document.createElement("SPAN");
					//spanElem.setAttribute("class","one");
					var eintrag = document.createTextNode(ergebnis[i]);
					
					
					//menu.appendChild(spanElem);
					spanElem.appendChild(eintrag);
					menu.appendChild(spanElem);
					menu.appendChild(newBreak);
					alert("hinzugefügt"+ergebnis[i]);
				}
			}*/
			
			if(berid == 1) {
			  
				//alert(document.getElementById('inputImage' + j).value);
				bilder[i] = "<img src='"+document.getElementById('inputImage' + j).value+"' class='automat' />";
			} else if(berid == 2 || berid == 3) {
				bilder[i] = "<img src='"+document.getElementById('inputImage' + j).value+"' class='drink' />";
				
				/*if(_mac == 1) {
					// nur Mac IE 
					if(_ie == 1) {
						var icons = document.getElementById("selectedicons2"); 
					  	var img = document.createElement("img");
					  	var newBreak = document.createElement("BR");
    					img.setAttribute("class", "drink");
    					img.src = document.getElementById('inputImage' + j).value;
    					img.setAttribute("class", "drink");
    					img.alt = "Getraenk";
    					// img_Element=document.createElementNS(xhtml, "img");
    					icons.appendChild(img);
    					icons.appendChild(newBreak);    					
					}
				}*/		
			} else if (berid == 4) {
				Browser = '';
				var a = document.all;
				var b = document.layers;
				var c = document.getElementById;
				var d = navigator.userAgent.search(/Firefox/);
				var e = navigator.userAgent.search(/Opera/);
				var f = navigator.userAgent.search(/Netscape/);
				
				if ( (a) && (c) && !(e) ) {Browser = 'IE_ab_5';}
				else if (d &&  d!= -1) {Browser = 'FF';}
				else if ( (a) && !(c) && !(e) ) {Browser = 'IE_bis_4';}
				else if ( !(b) && (c) ) {Browser = 'NS_ab_6';}
				else if (b) {Browser = 'NS_bis_4';}
				else if (e) {Browser = 'OP';}
				else {Browser = 'alternative';}   
	
				if(Browser == "NS_ab_6" || Browser == "NS_bis_4") {  
					bilder[i] = "<img src='"+document.getElementById('inputImage' + j).value+"' class='leistungns' />"; 
				} else  { 
					bilder[i] = "<img src='"+document.getElementById('inputImage' + j).value+"' class='leistung' />"; 
				}
			}
		} 
		i++;
	}

	//alert("ende "+bilder[1]);
	// ergebnisarray ausgeben
	var k = 0;
	while(k<ergebnis.length) {
		if(ergebnis[k]) {
			//alert(ergebnis[k]);
			ergebnis1.splice(k, 1, ergebnis[k]+"<br>");
		}
		//ergebnis1[k] = ergebnis[k]+"<br>";
		//document.getElementById('ergebnistext').innerHTML = ergebnis.join('<br>');//"<b>"+ergebnis.join('&lt;li&gt;');
		k++;
	}
	var h = 0;
	while(h<bilder.length) {
		if(bilder[h]) {
		  if(_mac == 1) {
				// nur Mac IE 
				if(_ie == 1) {
			alert(bilder[h]);
			}}
			bilder1.splice(h, 1, bilder[h]+"<br>");
		}
		//ergebnis1[k] = ergebnis[k]+"<br>";
		//document.getElementById('ergebnistext').innerHTML = ergebnis.join('<br>');//"<b>"+ergebnis.join('&lt;li&gt;');
		h++;
	}

	document.getElementById('ergebnistext').innerHTML = ergebnis1.join(' ');
	if(berid == 4) {
		document.getElementById('leistung').innerHTML = bilder1.join(' ');
	} else {
		document.getElementById('selectedicons2').innerHTML = bilder1.join(' ');
	}
	//alert(document.getElementById('selectedicons2').innerHTML);
}

	/*function init() {
		var scroller = new Bs_ScrollableDiv();
		scroller.init('divContainer_1', 'divContent_1');
		
		var sliderObj = new Bs_Slider();
		sliderObj.width = 530;
		sliderObj.height = 0;
		sliderObj.arrowMouseOver = false;
		sliderObj.valueDefault = 0;
		sliderObj.imgDir         = 'fileadmin/templates/main/img/btn/';
		sliderObj.setBackgroundImage('horizontal_background.gif', 'no-repeat');
		sliderObj.setSliderIcon('scroll_knob2.gif', 1, 2);
		sliderObj.setArrowIconLeft('links.gif', 20, 29);
		sliderObj.setArrowIconRight('rechts.gif', 20, 29);
		
		scroller.setSliderObject(sliderObj, 'sliderDiv');
		scroller.setSlideSpeed(300, 'pixel'); //200 pixel per second
		scroller.setWheelSpeed(50, 'pixel');  //50 pixel per tick
		zeigeDetail(1);
	}*/
		function init(){
			_ie=navigator.userAgent.indexOf('MSIE')!=-1;
		    _mac=navigator.userAgent.indexOf('Mac')!=-1;
			_safari = navigator.appVersion.indexOf("Safari") != -1;
		  
			if(!dom)return;
			pl=document.getElementById('lP');
			pl.style.backgroundImage='url(pics/leftarrow.gif)';
			pr=document.getElementById('rP');
			pr.style.backgroundImage='url(pics/rightarrow.gif)';
			pl.style.backgroundPosition=pr.style.backgroundPosition='center center';
			pl.style.backgroundRepeat=pr.style.backgroundRepeat='no-repeat';
			pl.style.cursor=pr.style.cursor='pointer';
			s=document.getElementById('scr');
			td1=document.getElementById('tdm');
			td2=document.getElementById('tdm2');
			td2.style.whiteSpace='nowrap';
			c=s.parentNode;
			if(_safari == 1) {
			  // für Safari-Browser kein overflow:auto, sonst mit Scrollbalken
			  c.style.overflow='none';
			}else {
			  c.style.overflow='auto';
			}
			
			// für die Breite des gesamten Feldes
			if(_mac == 1) {
				//alert("mac " + navigator.userAgent + navigator.appVersion);
				// nur Mac IE - Breite halbieren
				if(_ie == 1 || _safari == 1) {
					a=td1.offsetWidth;
					b= td2.offsetWidth/2;
				} else {
				    a=td1.offsetWidth;
					b= td2.offsetWidth;
				}
			} else {
				a = td1.offsetWidth;
				b = td2.offsetWidth;
			}
			//b= document.getElementById('tdm2').offsetWidth/2; //td2.offsetWidth;
			c.style.overflow='hidden';
			w= a-b;
			c.style.height=document.getElementById('tdm2').offsetHeight;
			
			/*if(_safari == 1) {
			  alert(w +" " + a +" "+ b);
			} */ 
		//	alert(w +" " + a +" "+ b);
			loadImages();
			zeigeDetail(1);
		}

		function loadImages() {
			document.getElementById('hidepage').style.display="none";
			if (document.getElementById) {  // DOM3 = IE5, NS6
				document.getElementById('hidepage').style.visibility = 'hidden';
			} else if (document.layers) {  // Netscape 4
				document.hidepage.visibility = 'hidden';
			} else {  // IE 4
				document.all.hidepage.style.visibility = 'hidden';
			 }
		}