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

	var bightml = new Fx.Tween('response', {'duration':300});
	var pfeil = new Fx.Tween($('pfeil'));
	
	$('ref1').addEvent('click',function(event){
		event.stop();
		pfeil.start('margin-left','82px');

		$$('div.navi a').each(function(el){
			el.set('class','none')
		});

		this.set('class','on');

		bightml.start('opacity','0').chain(function(){

			$('inner2').set('styles',{'display':'none'});
			$('inner3').set('styles',{'display':'none'});
			$('inner4').set('styles',{'display':'none'});
			$('inner1').set('styles',{'display':'block'});
			bightml.start('opacity','1.0');

		});

	});

	$('ref2').addEvent('click',function(event){
		event.stop();

		pfeil.start('margin-left','291px');

		$$('div.navi a').each(function(el){
			el.set('class','none')
		});

		this.set('class','on');

		bightml.start('opacity','0').chain(function(){

			$('inner1').set('styles',{'display':'none'});
			$('inner3').set('styles',{'display':'none'});
			$('inner4').set('styles',{'display':'none'});
			$('inner2').set('styles',{'display':'block'});
			bightml.start('opacity','1.0');

		});
	});

	$('ref3').addEvent('click',function(event){
		event.stop();

		pfeil.start('margin-left','499px');

		$$('div.navi a').each(function(el){
			el.set('class','none')
		});

		this.set('class','on');

		bightml.start('opacity','0').chain(function(){

			$('inner1').set('styles',{'display':'none'});
			$('inner2').set('styles',{'display':'none'});
			$('inner4').set('styles',{'display':'none'});
			$('inner3').set('styles',{'display':'block'});
			bightml.start('opacity','1.0');

		});
	});

	$('ref4').addEvent('click',function(event){
		event.stop();
		
		pfeil.start('margin-left','707px');

		$$('div.navi a').each(function(el){
			el.set('class','none')
		});

		this.set('class','on');

		bightml.start('opacity','0').chain(function(){

			$('inner1').set('styles',{'display':'none'});
			$('inner3').set('styles',{'display':'none'});
			$('inner2').set('styles',{'display':'none'});
			$('inner4').set('styles',{'display':'block'});
			bightml.start('opacity','1.0'); 

		});
	});

});