// Legende:
// vlz = Vertragslaufzeit
// vlz_1 = 1. ausgewaehlte Vertragslaufzeit z.B. 6 Monate
// vlz_2 = 2. ausgewaehlte Vertragslaufzeit z.B. 12 Monate


// Fehler-Pruef-Funktion 
			function errorSteuerung(sText) {
					if (! this.bError) { return; }
					if (! sText || sText == '') { sText = 'undef'; }
					alert(sText);
			}//errorSteuerung
	
// Voreinstellung der Parameter bei Besuch und Reload (mit Cache leeren) der Seite
			function initSteuerung(){
					for (var vBlock in this.aElement) {
						// Vordefinition der benoetigten Variablen
						// Anzeige im Tabellen-Kopf
						var oLink1 = window.document.getElementById(this.aElement[vBlock]['link_name']);
						var oSetup1 = window.document.getElementById(this.aElement[vBlock]['setup']);
						var oAktion1 = window.document.getElementById(this.aElement[vBlock]['aktion']);
						var oVlz1 = window.document.getElementById(this.aElement[vBlock]['months']);
						
						// Anzeige im Tabellen-Fuss
						var oLink2 = window.document.getElementById(this.aElement[vBlock]['link_name_2']);
						var oSetup2 = window.document.getElementById(this.aElement[vBlock]['setup_2']);
						var oAktion2 = window.document.getElementById(this.aElement[vBlock]['aktion_2']);
						var oVlz2 = window.document.getElementById(this.aElement[vBlock]['months_2']);
						
						// Radio-Button auf Aktion  (/off\./, 'on.')
						if (window.document.getElementById(this.aElement[vBlock]['vlz_1_name'])) {
							window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src = 
							window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src.replace(/off\./, 'on.');
							// Klassenumsetzung auf Aktion in der Tabellenspalte
							for ( var iLauf in window.document.getElementsByTagName('td') ) {
								 if (! (window.document.getElementsByTagName('td')[iLauf] && 
								   window.document.getElementsByTagName('td')[iLauf].className) ) { continue; }
								 var sClassName = window.document.getElementsByTagName('td')[iLauf].className;
								 // Festlegung der Tabellenspalte die auf Aktion sitzen soll
								 if (sClassName.search(/tc_1/i) == -1) { continue; }
								// Klassenumsetzung auf Aktion  (/noact/, 'act')
								window.document.getElementsByTagName('td')[iLauf].className = 
  								  window.document.getElementsByTagName('td')[iLauf].className.replace(/noact/, 'act');
								  for (var iNode in window.document.getElementsByTagName('td')[iLauf].childNodes) {
								    if (window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].nodeName != 'IMG') { continue; }
									// Bild-Dateiumbennung auf Aktion (/blau/, 'rot')
									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src = 
  									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src.replace(/blau/, 'rot');
									
								  }
							}
						} else { this.error('vlz_2_name not found'); }
						if (window.document.getElementById(this.aElement[vBlock]['vlz_2_name'])) {
							window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src = 
							window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src.replace(/on\./, 'off.');
						} else { this.error('vlz_1_name not found'); }
						
						
						
						// Bestell-Link-Manipulation im Tabellen-Kopf
						if (oLink1) { oLink1.href = this.sOrderLink + this.aElement[vBlock]['link_name_vlz_1']; } 
						else { this.error('oLink1 not found'); }
						
                  // Bestell-Link-Manipulation im Tabellen-Fuss
                  if (oLink2) { oLink2.href = this.sOrderLink + this.aElement[vBlock]['link_name_vlz_1']; } 
						else { this.error('oLink2 not found'); }

						// Schalter fuer generelle Anzeige verschiedener Elemente	
						// Anzeige im Tabellen-Kopf
						if (oSetup1) { oSetup1.style.display = "none"; }
						else { this.error('oSetup1 not found'); }
						if (oAktion1) { oAktion1.style.display = "block"; }
						else { this.error('oAktion1 not found'); }
						if (oVlz1) { oVlz1.style.display = "none"; }
						else { this.error('oVlz1 not found'); }
						
						// Anzeige im Tabellen-Fuss
						if (oSetup2) { oSetup2.style.display = "none"; }
						else { this.error('oSetup2 not found'); }
						if (oAktion2) { oAktion2.style.display = "block"; }
						else { this.error('oAktion2 not found'); }
						if (oVlz2) { oVlz2.style.display = "none"; }
						else { this.error('oVlz2 not found'); }
						
					}
					//Platzhalter linke Spalte - Tabellenkopf
					//Setup-Preise
					this.sSetupSelect_1_1 = 'setup_price_vlz_1_1';
					this.sSetupSelect_2_1 = 'setup_price_vlz_2_1';
					//Aktions-Text
					this.sAktionSelect_1_1 = 'aktion_vlz_1_1';
					this.sAktionSelect_2_1 = 'aktion_vlz_2_1';
					
					//Platzhalter linke Spalte - Tabellenfuss
					//Setup-Preise
					this.sSetupSelect_1_2 = 'setup_price_vlz_1_2';
					this.sSetupSelect_2_2 = 'setup_price_vlz_2_2';
					//Aktions-Text
					this.sAktionSelect_1_2 = 'aktion_vlz_1_2';
					this.sAktionSelect_2_2 = 'aktion_vlz_2_2';

			}//initSteuerung
			
			
			function changeSteuerung(sSelect) {
			
				
				for (var vBlock in this.aElement) {	
					// Wechsel der RadioButton-Bilder und der allgemeinen Einrichtungsgebuehr
					if (window.document.getElementById(this.aElement[vBlock]['vlz_2_name'])) {
						if (sSelect && sSelect == 'vlz_2') {
						  window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src =
						    window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src.replace(/off\./, 'on.');
						  window.document.getElementById(this.sSetupSelect_1_1).style.display = "none";
						  window.document.getElementById(this.sSetupSelect_1_2).style.display = "none";	
						  window.document.getElementById(this.sSetupSelect_2_1).style.display = "block";
						  window.document.getElementById(this.sSetupSelect_2_2).style.display = "block";						  
						  window.document.getElementById(this.sAktionSelect_1_1).style.display = "none";
						  window.document.getElementById(this.sAktionSelect_1_2).style.display = "none";	
						  window.document.getElementById(this.sAktionSelect_2_1).style.display = "block";
						  window.document.getElementById(this.sAktionSelect_2_2).style.display = "block";
						  // Klassenumsetzung auf Aktion in der Tabellenspalte
						  for ( var iLauf in window.document.getElementsByTagName('td') ) {
								 if (! (window.document.getElementsByTagName('td')[iLauf] && 
								   window.document.getElementsByTagName('td')[iLauf].className) ) { continue; }
								 var sClassName = window.document.getElementsByTagName('td')[iLauf].className;
								 // Festlegung der Tabellenspalte die auf Aktion sitzen soll
								 if (sClassName.search(/tc_1/i) == -1) { continue; }
								 // Klassenumsetzung auf Aktion (/noact/, 'act')
								 window.document.getElementsByTagName('td')[iLauf].className = 
  								  window.document.getElementsByTagName('td')[iLauf].className.replace(/noact/, 'noact');
							   for (var iNode in window.document.getElementsByTagName('td')[iLauf].childNodes) {
								    if (window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].nodeName != 'IMG') { continue; }
									// Bild-Dateiumbennung auf Aktion (/blau/, 'rot')
									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src = 
  									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src.replace(/blau/, 'blau');
									
							   }	  
							}
						}
						else {
							window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src =
							  window.document.getElementById(this.aElement[vBlock]['vlz_2_name']).src.replace(/on\./, 'off.');
						  window.document.getElementById(this.sSetupSelect_1_1).style.display = "block";
						  window.document.getElementById(this.sSetupSelect_1_2).style.display = "block";	
						  window.document.getElementById(this.sSetupSelect_2_1).style.display = "none";
						  window.document.getElementById(this.sSetupSelect_2_2).style.display = "none";						  
						  window.document.getElementById(this.sAktionSelect_1_1).style.display = "block";
						  window.document.getElementById(this.sAktionSelect_1_2).style.display = "block";	
						  window.document.getElementById(this.sAktionSelect_2_1).style.display = "none";
						  window.document.getElementById(this.sAktionSelect_2_2).style.display = "none";
							// Klassenumsetzung auf Aktion in der Tabellenspalte
							for ( var iLauf in window.document.getElementsByTagName('td') ) {
								 if (! (window.document.getElementsByTagName('td')[iLauf] && 
								   window.document.getElementsByTagName('td')[iLauf].className) ) { continue; }
								 var sClassName = window.document.getElementsByTagName('td')[iLauf].className;
								 // Festlegung der Tabellenspalte die auf Aktion sitzen soll
								 if (sClassName.search(/tc_1/i) == -1) { continue; }
								 // Klassenumsetzung auf Aktion
								 window.document.getElementsByTagName('td')[iLauf].className = 
  								  window.document.getElementsByTagName('td')[iLauf].className.replace(/act/, 'noact');
							   for (var iNode in window.document.getElementsByTagName('td')[iLauf].childNodes) {
								    if (window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].nodeName != 'IMG') { continue; }
									// Bild-Dateiumbennung auf Aktion
									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src = 
  									window.document.getElementsByTagName('td')[iLauf].childNodes[iNode].src.replace(/rot/, 'blau');
							   }  
							}
						}

                    } else { this.error('vlz_2_name not found'); }
					
					if (window.document.getElementById(this.aElement[vBlock]['vlz_1_name'])) {
						if (sSelect && sSelect == 'vlz_1') {
						  window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src =
						    window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src.replace(/off\./, 'on.');
						  window.document.getElementById(this.sSetupSelect_1_1).style.display = "block";
						  window.document.getElementById(this.sSetupSelect_1_2).style.display = "block";	
						  window.document.getElementById(this.sSetupSelect_2_1).style.display = "none";
						  window.document.getElementById(this.sSetupSelect_2_2).style.display = "none";						  
						  window.document.getElementById(this.sAktionSelect_1_1).style.display = "block";
						  window.document.getElementById(this.sAktionSelect_1_2).style.display = "block";	
						  window.document.getElementById(this.sAktionSelect_2_1).style.display = "none";
						  window.document.getElementById(this.sAktionSelect_2_2).style.display = "none";
						  
						}
						else {
							window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src =
							  window.document.getElementById(this.aElement[vBlock]['vlz_1_name']).src.replace(/on\./, 'off.');
						  window.document.getElementById(this.sSetupSelect_1_1).style.display = "none";
						  window.document.getElementById(this.sSetupSelect_1_2).style.display = "none";	
						  window.document.getElementById(this.sSetupSelect_2_1).style.display = "block";
						  window.document.getElementById(this.sSetupSelect_2_2).style.display = "block";						  
						  window.document.getElementById(this.sAktionSelect_1_1).style.display = "none";
						  window.document.getElementById(this.sAktionSelect_1_2).style.display = "none";	
						  window.document.getElementById(this.sAktionSelect_2_1).style.display = "block";
						  window.document.getElementById(this.sAktionSelect_2_2).style.display = "block";
						}
					} else { this.error('vlz_1_name not found'); }
					
					// Wechsel der Preis-Bilder im Tabellen-Kopf
					if (window.document.getElementById(this.aElement[vBlock]['image_price'])) {
						window.document.getElementById(this.aElement[vBlock]['image_price']).src = 
						   (sSelect && sSelect == 'vlz_2')
                           ? window.document.getElementById(this.aElement[vBlock]['image_price']).src.replace(/vlz_2\./, 'vlz_1.')
						   : window.document.getElementById(this.aElement[vBlock]['image_price']).src.replace(/vlz_1\./, 'vlz_2.');
                    } else { this.error('image_price not found'); }
					
					if (window.document.getElementById(this.aElement[vBlock]['image_price'])) {
						window.document.getElementById(this.aElement[vBlock]['image_price']).src = 
						   (sSelect && sSelect == 'vlz_1')
                           ? window.document.getElementById(this.aElement[vBlock]['image_price']).src.replace(/vlz_2\./, 'vlz_1.')
						   : window.document.getElementById(this.aElement[vBlock]['image_price']).src.replace(/vlz_1\./, 'vlz_2.');
                    } else { this.error('image_price not found'); } 
					
					// Wechsel der Preis-Bilder im Tabellen-Fuss
					if (window.document.getElementById(this.aElement[vBlock]['image_price_2'])) {
						window.document.getElementById(this.aElement[vBlock]['image_price_2']).src = 
						   (sSelect && sSelect == 'vlz_2')
                           ? window.document.getElementById(this.aElement[vBlock]['image_price_2']).src.replace(/vlz_2\./, 'vlz_1.')
						   : window.document.getElementById(this.aElement[vBlock]['image_price_2']).src.replace(/vlz_1\./, 'vlz_2.');
                    } else { this.error('image_price_2 not found'); }
					
					if (window.document.getElementById(this.aElement[vBlock]['image_price_2'])) {
						window.document.getElementById(this.aElement[vBlock]['image_price_2']).src = 
						   (sSelect && sSelect == 'vlz_1')
                           ? window.document.getElementById(this.aElement[vBlock]['image_price_2']).src.replace(/vlz_2\./, 'vlz_1.')
						   : window.document.getElementById(this.aElement[vBlock]['image_price_2']).src.replace(/vlz_1\./, 'vlz_2.');
                    } else { this.error('image_price_2 not found'); }
       
	   
							// Wechsel der Verlinkung Bestell-Button im Tabellen-Kopf
							var oLink1 = window.document.getElementById(this.aElement[vBlock]['link_name']);
							if (oLink1) {
									oLink1.href = (sSelect && sSelect == 'vlz_2')
										? this.sOrderLink + this.aElement[vBlock]['link_name_vlz_2']
										: this.sOrderLink + this.aElement[vBlock]['link_name_vlz_1'];
								} else { this.error('oLink1 not found'); }
								
							// Wechsel der Verlinkung Bestell-Button im Tabellen-Fuss
							var oLink2 = window.document.getElementById(this.aElement[vBlock]['link_name_2']);
							if (oLink2) {
									oLink2.href = (sSelect && sSelect == 'vlz_2')
										? this.sOrderLink + this.aElement[vBlock]['link_name_vlz_2']
										: this.sOrderLink + this.aElement[vBlock]['link_name_vlz_1'];
								} else { this.error('oLink2 not found'); }
								
							// Wechsel der Anzeige der Vertragslaufzeit im Tabellen-Kopf
							var oVlz1 = window.document.getElementById(this.aElement[vBlock]['months']);
							if (oVlz1) {
								oVlz1.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['vlz_2_months']
										: this.aElement[vBlock]['vlz_1_months'];
							} else { this.error('oVlz1 not found'); }
							
							// Wechsel der Anzeige der Vertragslaufzeit im Tabellen-Fuss
							var oVlz2 = window.document.getElementById(this.aElement[vBlock]['months_2']);
							if (oVlz2) {
								oVlz2.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['vlz_2_months']
										: this.aElement[vBlock]['vlz_1_months'];
							} else { this.error('oVlz2 not found'); }
							
							// Wechsel der Setup-Preise im Tabellen-Kopf
							var oSetup1 = window.document.getElementById(this.aElement[vBlock]['setup']);
							if (oSetup1) {
								oSetup1.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['setup_vlz_2']
										: this.aElement[vBlock]['setup_vlz_1'];
							} else { this.error('oSetup1 not found'); }
							
							// Wechsel der Setup-Preise im Tabellen-Fuss 
							var oSetup2 = window.document.getElementById(this.aElement[vBlock]['setup_2']);
							if (oSetup2) {
								oSetup2.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['setup_vlz_2']
										: this.aElement[vBlock]['setup_vlz_1'];
							} else { this.error('oSetup2 not found'); }
							
							// Wechsel der Aktionsdatum-Anzeige im Tabellen-Kopf
							var oAktion1 = window.document.getElementById(this.aElement[vBlock]['aktion']);
							if (oAktion1) {
								oAktion1.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['aktion_vlz_2']
										: this.aElement[vBlock]['aktion_vlz_1'];
							} else { this.error('oAktion1 not found'); }
							
							// Wechsel der Aktionsdatum-Anzeige im Tabellen-Fuss
							var oAktion2 = window.document.getElementById(this.aElement[vBlock]['aktion_2']);
							if (oAktion2) {
								oAktion2.innerHTML = (sSelect && sSelect == 'vlz_2')
										? this.aElement[vBlock]['aktion_vlz_2']
										: this.aElement[vBlock]['aktion_vlz_1'];
							} else { this.error('oAktion2 not found'); }
							
				}	
			}//changeSteuerung
         
			// Steuerungsfunktion fuer die entsprechenden Artikelspalten
			function addSteuerung(iId, sVLZ_VLZ_1, sVLZ_VLZ_2, sSetup_VLZ_1, sSetup_VLZ_2, sOrderLink_VLZ_1, sOrderLink_VLZ_2, sAktion_VLZ_1, sAktion_VLZ_2) {
					var aElement = new Object;
					aElement['vlz_1_name'] = 'radio_'+iId+'_1';
					aElement['vlz_2_name'] = 'radio_'+iId+'_2';;
					aElement['activ_name'] = 'radio_'+iId+'_1';
					aElement['image_price'] = 'img_price_'+iId+'_1';
					aElement['image_price_2'] = 'img_price_'+iId+'_2';
					
					aElement['months'] = 'vlz_txt_'+iId+'_1';
					aElement['months_2'] = 'vlz_txt_'+iId+'_2';
					aElement['vlz_1_months'] = sVLZ_VLZ_1;
					aElement['vlz_2_months'] = sVLZ_VLZ_2;
					
					aElement['setup'] = 'setup_price_'+iId+'_1';
					aElement['setup_2'] = 'setup_price_'+iId+'_2';
					aElement['setup_vlz_1'] = sSetup_VLZ_1;
					aElement['setup_vlz_2'] = sSetup_VLZ_2;
					
					aElement['link_name'] = 'link_'+iId+'_1';
					aElement['link_name_2'] = 'link_'+iId+'_2';
					aElement['link_name_vlz_1'] = sOrderLink_VLZ_1;
					aElement['link_name_vlz_2'] = sOrderLink_VLZ_2;
					
					aElement['aktion'] = 'aktion_'+iId+'_1';
					aElement['aktion_2'] = 'aktion_'+iId+'_2';
					aElement['aktion_vlz_1'] = sAktion_VLZ_1;
					aElement['aktion_vlz_2'] = sAktion_VLZ_2;
					this.aElement[iId] = aElement;
			}//addSteuerung
	
			function Steuerung(sOrderLink) {
					this.aElement = new Object;
					this.bError = false; // true = on
					this.sOrderLink = sOrderLink;
					this.change = changeSteuerung;
					this.error = errorSteuerung;
					this.init = initSteuerung;
					this.add = addSteuerung;
			}//Steuerung
			
		// Entsprechende Aenderungen sind in diesem Block vorzunehmen
		// Paket_ID, VLZ_1, VLZ_2, Setup_VLZ_1, Setup_VLZ_2, OrderLink_VLZ_1, OrderLink_VLZ_2, Aktion_VLZ_1, Aktion_VLZ_2
		var oSteuerung = new Steuerung('https://www.strato-alojamiento.es/ordering/?phase=Hosting&Department=DEDI&step=select_package&wfc=dedi&Category=VSERVER&');
		oSteuerung.add(1, '6', '12', 'Costes de instalaci&oacute;n:<br />0,- &euro;', 'Costes de instalaci&oacute;n:<br />9,90 &euro;', 'Group=DEDI_VPS&Product=DEDI_VPS_M', 'Group=DEDI_VPS&Product=DEDI_VPS_M', '', '');
		oSteuerung.add(2, '6', '12', 'Costes de instalaci&oacute;n:<br />0,- &euro;', 'Costes de instalaci&oacute;n:<br />9,90 &euro;', 'Group=DEDI_VPS&Product=DEDI_VPS_L', 'Group=DEDI_VPS&Product=DEDI_VPS_L', '', '');
		oSteuerung.add(3, '6', '12', 'Costes de instalaci&oacute;n:<br />0,- &euro;', 'Costes de instalaci&oacute;n:<br />9,90 &euro;', 'Group=DEDI_VPS&Product=DEDI_VPS_XL', 'Group=DEDI_VPS&Product=DEDI_VPS_XL', '', '');