window.addEvent('domready', function(){
	Fx.Morph = Fx.Styles.extend({
	 
		start: function(className){
	 
			var to = {};
	 
			$each(document.styleSheets, function(style){
				var rules = style.rules || style.cssRules;
				$each(rules, function(rule){
					if (!rule.selectorText.test('\.' + className + '$')) return;
					Fx.CSS.Styles.each(function(style){
						if (!rule.style || !rule.style[style]) return;
						var ruleStyle = rule.style[style];
						to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
					});
				});
			});
			return this.parent(to);
		}
	 
	});
 
	Fx.CSS.Styles = ["backgroundColor", "backgroundPosition", "color", "width", "height", "left", "top", "bottom", "right", "fontSize", "letterSpacing", "lineHeight", "textIndent", "opacity"];
	 
	Fx.CSS.Styles.extend(Element.Styles.padding);
	Fx.CSS.Styles.extend(Element.Styles.margin);
	 
	Element.Styles.border.each(function(border){
		['Width', 'Color'].each(function(property){
			Fx.CSS.Styles.push(border + property);
		});
	});
	 
	myMorph = new Fx.Morph('morpher', {wait: false});
	
		$('sprechblase1').addEvent('click', function(e){
			new Event(e).stop();
			myMorph.start('sprechblase1');
		});
		
		myMorph.addEvent('onComplete', function() { 
			setdisp();
		});  

		setTimeout("myMorph.start('sprechblase2')",200);
		
});

function setdisp(){
	document.getElementById("fragetext").style.display="block";
}
	
window.addEvent('domready', function(){
									 
	// Formular A Abschicken auf Listenelement mit der Klasse "a"
	
	var list = $$('#auswahl li.a');
	list.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#8e2800',
				'color': '#ffffff'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#ffe098',
				'color': '#8e2800'
			});
		});
		element.addEvent('click', function(){
			fx.start({
				'background-color': '#f3a235',
				'color': '#8e2800'
			});
			$('antFormA').submit();
		});
	});
	
	
	// Formular B Abschicken auf Listenelement mit der Klasse "b"
	
	var list = $$('#auswahl li.c');
	list.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#8e2800',
				'color': '#ffffff'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#ffe098',
				'color': '#8e2800'
			});
		});
		element.addEvent('click', function(){
			fx.start({
				'background-color': '#f3a235',
				'color': '#8e2800'
			});
			$('antFormC').submit();
		});
	});
	
	
	// Formular C Abschicken auf Listenelement mit der Klasse "c"
	
	var list = $$('#auswahl li.b');
	list.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#8e2800',
				'color': '#ffffff'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#fff5c0',
				'color': '#8e2800'
			});
		});
		element.addEvent('click', function(){
			fx.start({
				'background-color': '#f3a235',
				'color': '#8e2800'
			});
			$('antFormB').submit();
		});
	});
	
	
	// Formular D Abschicken auf Listenelement mit der Klasse "d"
	
	var list = $$('#auswahl li.d');
	list.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('mouseenter', function(){
			fx.start({
				'background-color': '#8e2800',
				'color': '#ffffff'
			});
		});
		element.addEvent('mouseleave', function(){
			fx.start({
				'background-color': '#fff5c0',
				'color': '#8e2800'
			});
		});
		element.addEvent('click', function(){
			fx.start({
				'background-color': '#f3a235',
				'color': '#8e2800'
			});
			$('antFormD').submit();
		});
	});
	
	
	var antwdiv = $$('#antwortlayer');
	antwdiv.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('antFormX').submit();
		});
		element.addEvent('mouseover', function(){
			 setTimeout("document.getElementById('antFormX').submit()",10000);
		});
		
	});
	
	var startquiz = $$('#startquiz');
	startquiz.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm1').submit();
		});
		element.addEvent('mouseover', function(){
			$('startquiz').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startquiz').style.backgroundPosition="top left";
		});
	});
	
	var startquiz = $$('#startquiz3');
	startquiz.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm3').submit();
		});
		element.addEvent('mouseover', function(){
			$('startquiz3').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startquiz3').style.backgroundPosition="top left";
		});
	});
	
	var startquiz = $$('#startquiz4');
	startquiz.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm4').submit();
		});
		element.addEvent('mouseover', function(){
			$('startquiz4').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startquiz4').style.backgroundPosition="top left";
		});
	});
	
	var startquiz = $$('#startquiz5');
	startquiz.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm5').submit();
		});
		element.addEvent('mouseover', function(){
			$('startquiz5').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startquiz5').style.backgroundPosition="top left";
		});
	});
	
	var startscore = $$('#startscore');
	startscore.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm2').submit();
		});
		element.addEvent('mouseover', function(){
			$('startscore').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startscore').style.backgroundPosition="top left";
		});
	});
	
	var startscore = $$('#startscore2');
	startscore.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			$('startForm6').submit();
		});
		element.addEvent('mouseover', function(){
			$('startscore2').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('startscore2').style.backgroundPosition="top left";
		});
	});
	
	var test = $$('#header');
	test.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			var bestaetigung = window.confirm('Quiz wirklich beenden?');
			if(bestaetigung) { 
				window.location = "http://quiz.biodiversitaet.info/index.php";
			}
	
		});
		
	});
	
	var highscore = $$('#highscore');
	highscore.each(function(element) {
		var fx = new Fx.Styles(element, {duration:200, wait:false});
		element.addEvent('click', function(){
			
			if(!$("name").value){
				$("name").style.borderBottom="2px solid #cc0000";
				fehlername = 1;
			}else{
				$("name").style.borderBottom="1px dashed #8e2800";
				fehlername = 0;
			}
			
			if(!$("email").value){
				$("email").style.borderBottom="2px solid #cc0000";
				fehlermail = 1;
			}else{
				$("email").style.borderBottom="1px dashed #8e2800";
				fehlermail = 0;
			}
			
			if(!$("age").value){
				$("age").style.borderBottom="2px solid #cc0000";
				fehlerage = 1;
			}else{
				$("age").style.borderBottom="1px dashed #8e2800";
				fehlerage = 0;
			}
			fehler = fehlername+fehlermail+fehlerage;
			if(fehler == 0){
				$('highForm').submit();
			}else{

			}
		});
		element.addEvent('mouseover', function(){
			$('highscore').style.backgroundPosition="bottom left";
		});
		element.addEvent('mouseout', function(){
			$('highscore').style.backgroundPosition="top left";
		});
		
	});
	
});


/*function submitFormX()
{
	document.getElementById('antFormX').submit();
}*/