// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// emailadressen entschl�sseln
function entschluesseln(mail){
	mail = mail.split(",");
	d='';
	for(i=0;i<mail.length;i++){
		d+="&#"+mail[i]+";";
	}
	return d;
}


window.addEvent('domready', function() {
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 Verlinkt DIVs aus der Content Navigation zu dem ersten gefundenen Link in dem Element
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
	if ($$('.contentnavigation-wrap')) {
		$$('.contentnavigation-wrap').addEvent('click', function(){
			location.href = this.getElement('a').get('href');
		});
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Slide Show
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Auskommentiert ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	if ($('slider-item')) {
		var buttonList = new Element("p", {
			'class': 'buttons',
			'id': 's2-slideshow-handles'
		});
		
		$('slider-item').getElements('div.s2-fcf-image-slider-zone').forEach(function(element, idx){
			var linkClass = 's2-fcf-bullet-image';
			if ( idx == 0 ) {
				linkClass += ' active';
			}
			var bulletLink = new Element('span', {
				'class': linkClass,
				//'html': idx+1
				'html': '&nbsp;'
			});
			buttonList.adopt(bulletLink);
		});
		$('slider-slideshow').adopt(buttonList);
		
		slider = new viewer($$('#slider-item > div'), {
			interval: 5000,
			mode: 'right',
			sizes: {
				w: 988,
				h: 285
			},
			fxOptions: {
				duration: 700
			},
			
			onWalk: function(current_index){
				slideshowNavigation.removeClass('active');
				slideshowNavigation[current_index].addClass('active');
			}
		});
		
		var slideshowNavigation = $$('#s2-slideshow-handles span');
		slideshowNavigation.each(function(el, i){
			el.addEvent('click', function(){
				slider.walk(i, true)
			});
		});
		slider.play(slideshowNavigation.length);
	}
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	if ($('slider-item')) {
		//Anhand .s2-fcf-image-slider-zone classe Breite setzen
		var containerWidth = ($('slider-slideshow').getSize().x) * $$('.s2-fcf-image-slider-zone').length;
		$$('.holder-parent-element')[0].setStyle('width', containerWidth);
		
		var buttonList = new Element("div", {
			'class': 'paging',
			'id': 's2-slideshow-handles'
		});
		$('slider-slideshow').adopt(buttonList);
		
		var gallery = new slideGallery($$("#slider-slideshow"), {
		
			holder: "#slider-item",
			elementsParent: ".holder-parent-element",
			elements: ".s2-fcf-slider-zone",
			
			steps: 1,
			mode: "callback",
			autoplay: true,
			paging: true,
			pagingHolder: ".paging",
			transition: "Sine:in:out",
			speed: 1800,
			duration: 5000,
			
			onPlay: function(){
				this.fireEvent("start");
			}
		});
	};
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Toggler :: Accordion
 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	/*
	$$('.toggle-zone').each(function(el, i)  {
		var togglecontent = el.getElement('.toggle-content');
		var toggler = el.getElements('.toggler')[0];
		
		var slide = new Fx.Slide(togglecontent);
		slide.hide();
		
		toggler.addEvent('click', function(e){
			this.toggleClass('toggler-open');
		   	slide.toggle();
		});
	});
	*/
	
	var toggleZones = $$('div.toggle-zone');
	if (toggleZones.length) {
		var accordion = new Fx.Accordion('.toggler', '.toggle-content', {
			alwaysHide: true,
			display: -1,
			
			onActive: function(toggler, element){
				toggler.addClass('toggler-open');
			},
			onBackground: function(toggler, element){
				toggler.removeClass('toggler-open');
			}
			
		}, toggleZones);
		
		toggleZones.getLast().addClass('toggle-zone-last');
	};
});

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		s2Lightboxpage Einstellungen
 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	window.addEvent('domready', function() {
		/*
		var mySpecialLinkLightbox = new S2.Ui.Lightbox({
			links: [$$('.service-navigation a')[2]]
		});
		*/
		var myLightbox = new S2.Ui.Lightbox({
			links: $$('.main-navigation a[href$=#lightbox]','.sub-navigation a[href$=#lightbox]','.contentnavigation a[href$=#lightbox]'),
			titleAttribute: 'rev'
		});
	});

	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		IScroll
 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	(function() {
		if (!Browser.Platform.ios) return;
			window.addEvent('domready', function() {
			
			$$('.s2-ui-lightbox-content').each(function(el) {
				var myScroll = new iScroll(el,{
				pullToRefresh: true,
				checkDOMChange: true
			});
			
			el.addEventListener('touchmove', function(e){ e.preventDefault(); }, false);  
			});
		});
	})();
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Formular Ausblendelogik
 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	window.addEvent('domready', function() {
		$$('.powermail_check_inner > label').each(function(el) {
			var checkbox = $(el.get('for'));
			checkbox.addEvent('click', function(e) {
				
				if($$('label[for="'+this.get('id')+'"]')[0].get('html') != 'Ja') {
					return;
				};
				if(this.get('checked')) {
					var input = this.getParent('div').getParent('div').getParent('div').getElements('.tx_powermail_pi1_fieldwrap_html_text > input');
					if(input.length == 1) {
						input = input[0]
					} else {
						input = input[input.length-1];
					}
					if (input != undefined) {
						input.set('disabled', null);
					}
				} else {
					var input = this.getParent('div').getParent('div').getParent('div').getElements('.tx_powermail_pi1_fieldwrap_html_text > input');
					
					if(input.length == 1) {
						input = input[0]
					} else {
						input = input[input.length-1];
					}
					if (input != undefined) {
						input.set('disabled', 'disabled');
					}
				}
			});
			if(el.innerHTML == "Ja") {
				var input = el.getParent('div').getParent('div').getParent('div').getElements('.tx_powermail_pi1_fieldwrap_html_text > input');
				if(input.length == 1) {
					input = input[0]
				} else {
					input = input[input.length-1];
				}
				if (input != undefined) {
					input.set('disabled', (!checkbox.get('checked')) ? 'disabled' : null);
				}
			}
		});
		
		$$('.powermail_submit')[0].addEvent('click', function(e) {
			$$('input:checked').each(function(element) {
				var label = $$('label[for="'+element.get('id')+'"]')[0];
				if(label.get('html') == 'Ja') {
					var input = label.getParent('div').getParent('div').getParent('div').getElements('.tx_powermail_pi1_fieldwrap_html_text > input');
					if(input == undefined) {
						return;
					}
					if(input.length == 1) {
						input = input[0]
					} else {
						input = input[input.length-1];
					}
					
					var validation = label.getParent('div').getParent('div').getElements('.validation-advice');
					if(input == undefined) {
						return;
					}
					if(input.get('value') == "" || input.get('value') == 'MM/JJJJ') {
						if (validation.length == 0) {
							var advice = new Element('div', {
								class: 'validation-advice',
								html: 'Bitte füllen Sie dieses Feld aus.',
								style: {
									display: "block",
									visibility: "visible",
									opacity: 1
								}
							});
							label.getParent('div').getParent('div').adopt(advice);
						}
						new Event(e).stop();
					} else {
						if(validation.length > 0 ) {
							validation.each(function(element) {
								element.destroy();
							});
						}
					}
				}
			});
		});
	});