/* Scripts for itbnn */
window.addEvent("domready", function() {
	var hoehe = window.getHeight().toInt();
	if(hoehe <= 740) {
		new Asset.css('lib/small.css', {id: 'smallstyle', title: 'smallstyle'});
	}
});

function anipart(id, time) {
	var fx = $(id).effects({duration:time, transition: Fx.Transitions.Quart.easeOut});
	fx.set({'opacity':0});
	fx.start({'opacity':1});
}
function hideparts() {
	$$('#seite5 div div').each(function(el) {
		el.style.visibility = "hidden";
	});
}
function hidestart(id) {
	$(id).effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
}
function setActive(id) {
	$$('#navi-bar a').each(function(el) {
		el.setStyle('color','#c30');
	});
	id.setStyle('color','#fc9');
}
function kaclose() {
	$('kloading').style.display = 'none';
	$('kartenform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
	$('kartenform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
}
function kclose() {
	$('loading').style.display = 'none';
	$('kontaktform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
	$('kontaktform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
}
function preisberechnen() {
	var value = (( ($('ka_stk1v').value * 3250) + ($('ka_stk1e').value * 2500) + ($('ka_stk2v').value * 2250) + ($('ka_stk2e').value * 1650) + ($('ka_stk3v').value * 1350) + ($('ka_stk3e').value * 750) + 50) / 100 );
	return value;
}

window.addEvent('load', function() {
	window.setTimeout("anipart('start1', 2600)", 1000);
	window.setTimeout("hidestart('start1')", 8000);
	window.setTimeout("anipart('start2', 1000)", 7500);
	window.setTimeout("hidestart('start2')", 13000);
	window.setTimeout("anipart('start3', 1000)", 12500);
	
	$('sechs2').setStyle('opacity', 0);
	$('sechs3').setStyle('opacity', 0);
	$('sechs4').setStyle('opacity', 0);
	$('sechs5').setStyle('opacity', 0);
	$('sechs6').setStyle('opacity', 0);
	$('kontaktform_outer').setStyle('opacity', 0);	
	
	var scroll = new Fx.Scroll('content-wrapper', {
		wait: false,
		duration: 1500,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut
	});
	 
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite1');
		setActive(this);
	});
	 
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite2');
		setActive(this);
	});
	 
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite3');
		setActive(this);
	});	
	/* Subnavi Seite 3 */
	$('link3a').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite3');
		setActive(this);
	});	 
	$('link3b').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite4');
		setActive(this);
	});
	$('link3c').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite4a');
		setActive(this);
	});
	$('link3d').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite4');
		setActive(this);
	});
	$('link3e').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite4b');
		setActive(this);
	});
	$('link3f').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite4a');
		setActive(this);
	});
	$('link5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite5');
		setActive(this);
		
		/* Chained Animation für die Texte */
		hideparts();
		anipart('part1', 1900); 
		window.setTimeout("anipart('part2', 2000)", 4000);
		window.setTimeout("anipart('part3', 2600)", 8000);
		window.setTimeout("anipart('part4', 2800)", 12000);
		window.setTimeout("anipart('part5', 2900)", 16000);
		window.setTimeout("anipart('part6', 3200)", 20000);
		window.setTimeout("anipart('part7', 3600)", 24000);
		window.setTimeout("anipart('part8', 1800)", 28000);
		window.setTimeout("anipart('part9', 2900)", 32000);
		window.setTimeout("anipart('part10', 2500)", 36000);
		window.setTimeout("anipart('part11', 3600)", 40000);
	});
	
	$('link6').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite6');
		setActive(this);
	});
	/* Subnavi Seite 6 */
	$('link6a').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs1', 600)", 700);
	});	 
	$('link6b').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs2', 600)", 700);
	});
	$('link6c').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs3', 600)", 700);
	});
	$('link6d').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs4', 600)", 700);
	});
	$('link6e').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs5', 600)", 700);
	});
	$('link6f').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs6', 600)", 700);
	});
	$('link6g').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs7', 600)", 700);
	});
	$('link6h').addEvent('click', function(event) {
		event = new Event(event).stop();
		hidestart('sechs1');
		hidestart('sechs2');
		hidestart('sechs3');
		hidestart('sechs4');
		hidestart('sechs5');
		hidestart('sechs6');
		hidestart('sechs7');
		hidestart('sechs8');
		window.setTimeout("anipart('sechs8', 600)", 700);
	});
	$('link7').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite7');
		setActive(this);

		var obj = { wait: 3000, effect: 'fade',	duration: 900, loop: true, thumbnails: true,backgroundSlider: true, onClick: function(i){showfullsizePicture( i )}};
		show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
		show.play();
	});
	$('link7a').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite7');
		setActive(this);
	});
	
	$('link8').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('seite8');
		setActive(this);
	});
/*
	$('karten').addEvent('click', function(event) {	
		event = new Event(event).stop();
		$('ka_name').setProperty('value', '');
		$('ka_adresse').setProperty('value', '');
		$('ka_email').setProperty('value', '');
		$('ka_stk1v').setProperty('value', '0');
		$('ka_stk1e').setProperty('value', '0');
		$('ka_stk2v').setProperty('value', '0');
		$('ka_stk2e').setProperty('value', '0');
		$('ka_stk3v').setProperty('value', '0');
		$('ka_stk3e').setProperty('value', '0');
		$('kaSum').setProperty('value', '0');
		$('ka_text').setText('');
		$('ka_name').setStyle('border', '');
		$('ka_email').setStyle('border', '');
		$('ka_adresse').setStyle('border', '');	
		$('kfehltext').setHTML('');		
		$('kartenform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0.7});
		$('kartenform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 1});
	}); 
*/	
	$('karten_close').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('kartenform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
		$('kloading').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
		$('kartenform_inner').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
	}); 
	
	$('ka_stk1v').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	$('ka_stk1e').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	$('ka_stk2v').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	$('ka_stk2e').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	$('ka_stk3v').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	$('ka_stk3e').addEvent('change', function() {
		$('kaSum').setProperty('value', preisberechnen() );
	});
	
	$('karten_send').addEvent('click', function(event) {
		var loader = $('kloading');
		var fehler = '';
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		
		if($('ka_name').value == '') {
			fehler += 'Bitte geben Sie Ihren Namen an.<br />';
			$('ka_name').setStyle('border', '2px solid red');
			$('ka_name').focus();
		} 
		if($('ka_adresse').value == '') {
			fehler += 'Bitte geben Sie Ihre Postanschrift an.<br />';
			$('ka_adresse').setStyle('border', '2px solid red');
			$('ka_adresse').focus();
		} 		
		if(!filter.test($('ka_email').value)) {
			fehler += 'Bitte geben Sie eine valide E-Mail-Adresse an.<br />';
			$('ka_email').setStyle('border', '2px solid red');
			$('ka_email').focus();
		}
		if (fehler != "") {
			//$('kfehltext').setHTML(fehler);
		} else {
			try {
				req = new XMLHttpRequest();
			} catch (e) {
				try {
					req = new ActiveXObject("Msxml2.XMLHTTP");
			    } catch (e){
					try {
						req = new ActiveXObject("Microsoft.XMLHTTP");
					} catch (failed){
						req = null;
					}
				}
			}
			/* inhalt*/
			var dates = $('kartenform').getElements('input[name=ka_date]');
			if(dates[0].value) {
				var kadate = "10";
			} else {
				var kadate = "11";
			}
			var post = 'ka_name='+encodeURIComponent($('ka_name').value)
						+ '&ka_adresse='+encodeURIComponent($('ka_adresse').value)
						+ '&ka_email='+encodeURIComponent($('ka_email').value)						
						+ '&ka_date='+kadate
						+ '&ka_stk1v='+$('ka_stk1v').value
						+ '&ka_stk1e='+$('ka_stk1e').value
						+ '&ka_stk2v='+$('ka_stk2v').value
						+ '&ka_stk2e='+$('ka_stk2e').value
						+ '&ka_stk3v='+$('ka_stk3v').value
						+ '&ka_stk3e='+$('ka_stk3e').value
						+ '&ka_preis='+preisberechnen()
						+ '&ka_text='+encodeURIComponent($('ka_text').value);
			req.open("POST", 'lib/bestellung.php', true);
			req.onreadystatechange = function() {
				switch(req.readyState) {
					case 4:
						if(req.status==200) {
							loader.setHTML('<span class="kontakt_head">Bestellung erfolgreich</span><div class="kmsg">'+ req.responseText +'</div><div id="kbuttons"><a href="#" id="karten_close2" onclick="kaclose();">Fenster schießen</a></div>');						
						} else {
							loader.setHTML('<span class="fehler">Ein Fehler ist aufgetreten</span><div class="kmsg">'+ req.responseText +'</div><div id="kbuttons"><a href"#" id="karten_close2" onclick="kaclose();">Fenster schießen</a></div>');
						}
						loader.setStyles({'zIndex': '1010', 'display': 'block'});
						$('kartenform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
					break;
					
					default:
						return false;
					break;
				}
			};
			req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			req.send(post);
			return false; // wichtig, damit das Formular nicht abgesendet wird
		} 
	});
	
	
	/* Kontaktformular */
	$('kontakt').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('k_name').setProperty('value', '');
		$('k_email').setProperty('value', '');
		$('k_tel').setProperty('value', '');
		$('k_text').setText('');
		$('k_name').setStyle('border', '');
		$('k_email').setStyle('border', '');
		$('k_text').setStyle('border', '');
		$('fehltext').setHTML('');		
		$('kontaktform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0.7});
		$('kontaktform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 1});		

	});
	$('kontakt_close').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('kontaktform_outer').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
		$('loading').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
		$('kontaktform_inner').effects({duration:500, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
	}); 
	
	$('kontakt_send').addEvent('click', function(event) {		
		var fehler = '';
		if($('k_name').value == '') {
			fehler += 'Bitte geben Sie einen Namen an.<br />';
			$('k_name').setStyle('border', '2px solid red');
			$('k_name').focus();
		} 
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if(!filter.test($('k_email').value)) {
			fehler += 'Bitte geben Sie eine valide E-Mail-Adresse an.<br />';
			$('k_email').setStyle('border', '2px solid red');
			$('k_email').focus();
		}
		if($('k_text').value.length <= 10 ) {
			fehler += 'Bitte geben Sie eine Nachricht ein.<br />';
			$('k_text').setStyle('border', '2px solid red');
			$('k_text').focus();
		}
		if (fehler != "") {
			$('fehltext').setHTML(fehler);
		} else {
			try {
				req = new XMLHttpRequest();
			} catch (e) {
				try {
					req = new ActiveXObject("Msxml2.XMLHTTP");
			    } catch (e){
					try {
						req = new ActiveXObject("Microsoft.XMLHTTP");
					} catch (failed){
						req = null;
					}
				}
			}
			var post = 'k_name='+encodeURIComponent($('k_name').value)
						+ '&k_email='+encodeURIComponent($('k_email').value)
						+ '&k_tel='+encodeURIComponent($('k_tel').value)
						+ '&k_text='+encodeURIComponent($('k_text').value);
							
			req.open("POST", 'lib/send.php', true);
			req.onreadystatechange = function() {
				switch(req.readyState) {
					case 4:
						if(req.status==200) {
							$('loading').setHTML('<span class="kontakt_head">Nachricht gesendet</span><div class="kmsg">'+ req.responseText +'</div><div id="buttons"><a href="#" id="kontakt_close2" onclick="kclose();">Fenster schießen</a></div>');						
						} else {
							$('loading').setHTML('<span class="fehler">Ein Fehler ist aufgetreten</span><div class="kmsg">'+ req.responseText +'</div><div id="buttons"><a href"#" id="kontakt_close2" onclick="kclose();">Fenster schießen</a></div>');
						}
						$('loading').setStyles({'zIndex': '1010', 'display': 'block'});
						$('kontaktform_inner').effects({duration:700, transition: Fx.Transitions.Quart.easeOut}).start({'opacity': 0});
					break;
					
					default:
						return false;
					break;
				}
			};
			req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			req.send(post);
			return false; // wichtig, damit das Formular nicht abgesendet wird
		} 
	});
	
	
	//Für die Bilder in Eindrücke
	function initSWF() {
		$('swfStart').style.display = 'none';
		$('swfStop').style.display = '';
		show.stop();
		var myFx = new Fx.Styles('slideshowContainer');
		myFx.start({'opacity':[1,0]},{onComplete: hideThumbs()});
	}	
	function stopSWF() {
		$('swfStart').style.display = '';
		$('swfStop').style.display = 'none';
		loadImages();
	}
	function hideThumbs() {	
		var myFx = new Fx.Styles('thumbnails');
		myFx.start({'opacity':[1,0]},{onComplete: showFilm()});
	}
	function showFilm() {
		$("film").style.display ="";
		var myFx = new Fx.Styles('film');
		myFx.start({'opacity':[0,1]},{'duration': 500});
	}
	function loadImages() {
		var myFx = new Fx.Styles('film');
		myFx.start({'opacity':[1,0]},{'duration': 500},{onComplete: $("film").style.display ="none" });
		var myFx = new Fx.Styles('slideshowContainer');
		myFx.start({'opacity':[0,1]});
		var myFx = new Fx.Styles('thumbnails');
		myFx.start({'opacity':[0,1]});
		show.play();
	}
	
	function showfullsizePicture( i ) {
		show.stop();
		$("fullsizediv").style.display = "";
		var oldsrc = $('slideshowContainer').getElementsByTagName('img')[i].src;
		var newsrc = oldsrc.slice(0,-5);
		$('fullsizedivimg').setProperties({
			src: newsrc + "b.jpg",
			width: "720",
			height: "576"});
		var myFx = new Fx.Styles('fullsizediv');
		myFx.start({'opacity':[0,1]});		
	}
	function hideFullsize() {	
		var myFx = new Fx.Styles('fullsizediv');
		myFx.start({'opacity':[1,0]},{onComplete: show.play()});
	}
});