window.addEvent('domready', function(){	

	$('mailform').setStyle('visibility', 'visible');
	$('mailform').setStyle('height', 250);
	
	$('submitter').disabled = true;

	var slide = new Fx.Slide('mailform');
	slide.hide();
	

	$('openmailform').addEvent('click', function(e){

		e = new Event(e);
		slide.toggle();
		e.stop();
	});
	
	
	

	$('textfield').addEvent('keyup', function(e) {
		e = new Event(e).stop();
		
		
		 var x = $('textfield').value;
		 $('mailvalid').setText($('textfield').value);
		 
		 var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		
		if (filter.test(x)) {
			$('mailvalid').setStyle('color','#00ff00');
			$('mailvalid').setText('e-Mail-Adresse wurde akzeptiert...');
		} else { 
			$('mailvalid').setStyle('color','#ff0000');
			$('mailvalid').setText('e-Mail-Adresse ist möglicherweise ungültig...');
		}
			
		if(($('message').value.length > 0) && ($('textfield').value.length > 0)) {
	 		$('submitter').setStyle('visibility', 'visible');
	 		$('submitter').disabled = false;
	 	} else{
	 		$('submitter').disabled = true;
	 		$('submitter').setStyle('visibility', 'hidden');
	 	}

	});
	
	
	$('message').addEvent('keyup', function(e) {
		e = new Event(e).stop();
	 	
	 	if(($('message').value.length > 0) && ($('textfield').value.length > 0)) {
	 		$('submitter').setStyle('visibility', 'visible');
	 		$('submitter').disabled = false;
	 	} else{
	 		$('submitter').disabled = true;
	 		$('submitter').setStyle('visibility', 'hidden');
	 	}

		
	});
	
	$('cancel').addEvent('click', function(e) {

	 	$('mailvalid').setStyle('color','#eeeeec');
		$('mailvalid').setText('Bitte Antwortadresse eingeben...');
 		$('submitter').disabled = true;
 		$('submitter').setStyle('visibility', 'hidden');
 		slide.toggle();
 		

		
	});
	
	$('submitter').addEvent('click', function(e) {
		new Event(e).stop();
		
		
	 	
	 	var url = "../ajax.mail.php?mail=" + $('textfield').value + "&message=" + $('message').value; 
	 	

	 	
	 	$('mailform').setText('Bitte warten, Daten werden übertragen...');
	 	$('mailform').setStyle('height', 50);
		
		slide.hide();
		slide.toggle();
		
	 	new Ajax(url, {
	 		method: 'get',
	 		update: $('mailform')
	 	}).request();
		
	 	
 
	
		
	});
	

	//nur für nicht InternetExplorer
	if(!window.ie) {

		var badge = new Fx.Style('badgetext', 'opacity', {duration:500, wait:false, transition: Fx.Transitions.linear});
		var periodical;
	 
			var fx = function() {
			badge.start(1.0,0.3).chain(function() {
				badge.start(0.3,1.0);
			});

		}
		fx.periodical(2000);
	}
	
	

	new SmoothScroll({ duration: 300 });

});