/**
 * @author marc
 */

 //window on dom ready
window.addEvent('load', function() {

	
	//for every switch-view link
	//$$('.sidebar').each(function(el) {
	
	if($defined($('block_3')) && $defined($('tools'))){
	if($('block_3').getFirst()){
			myFx_fade_out_block3 = new Fx.Morph('block_3', {duration: 500, transition: Fx.Transitions.Sine.easeOut})
			.addEvent('onComplete',function(){
				myFx_fade_out_block1 = new Fx.Morph('block_1', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
				myFx_fade_out_block1.start({
			    'width': 681
				});
				$('tools').getElement('.sidebar').removeClass('out');
				$('tools').getElement('.sidebar').addClass('in');
				$('tools').getElement('.sidebar span').set('html', 'Sidebar einblenden');
				$('tools').getElement('.sidebar a').set('title', 'Sidebar einblenden::');

					
			});
			
			myFx_fade_in_block3 = new Fx.Morph('block_1', {duration: 500, transition: Fx.Transitions.Sine.easeOut})
			.addEvent('onComplete',function(){
				myFx_fade_in_block1 = new Fx.Morph('block_3', {duration: 500, transition: Fx.Transitions.Sine.easeOut});
				myFx_fade_in_block1.start({
				    'left': 765,
				    'opacity': 1
				});
				$('tools').getElement('.sidebar').removeClass('in');
				$('tools').getElement('.sidebar').addClass('out');
				$('tools').getElement('.sidebar span').set('html', 'Sidebar ausblenden');
				$('tools').getElement('.sidebar a').set('title', 'Sidebar ausblenden::');			
			
			});
			
		//add click event
		$('tools').getElement('.sidebar').addEvent('click', function(e) {
			//nowhere
			e.stop();
			//morph baby!
			if ($('tools').getElement('.sidebar').hasClass('in') == false) {
			myFx_fade_out_block3.start({
				'left': 915,
			    'opacity': 0
			});	
			$('block_3').removeClass('fader');	
			} else {
			myFx_fade_in_block3.start({
			'width': 550
			});	
			$('block_3').addClass('fader');	
			}
		});	
		} else {
			var remove_sidebarbutton = $('tools').getElement('.sidebar');
			remove_sidebarbutton.dispose();
				if ($defined($('block_3'))) {
					$('block_3').dispose;
				}
			$('block_1').addClass('wide');
		}
		}
	

			
	});