/**
 * @author Eigenaar
 */

var ReadMore = Class ({
	
	options: {
		
	},
	
	initialize: function() {
		
	},
	
	readmoreOpen: false,
	
	open: function() {
		
		// verberg de video!
		//$('flvPlayer').setStyle('visibility','hidden');
		
		$('video-container').setStyle('visibility','hidden');
		
		// toon de tekst
		$('readmore-container').setStyle('visibility','visible');
						
		// verhoog de container
		var morphElement = $('middle-middle-bottom');
		
		var morphObject = new Fx.Morph(morphElement);
		
		morphObject.start({
			'top': '-298px',
			'height': '150px'
		});
		
		var morphElement2 = $('maincontent-container');
		
		var morphObject2 = new Fx.Morph(morphElement2, {
			onComplete: function(){
			
				this.readmoreOpen = true;
				
			}.bind(this)
		});
		
		morphObject2.start({
			'height': '448px'
		});
		
	},
	
	close: function() {
										
		// verhoog de container
		var morphElement = $('middle-middle-bottom');
		
		var morphObject = new Fx.Morph(morphElement);
		
		morphObject.start({
			'top': '0px',
			'height': '0px'
		});
		
		
		var morphElement2 = $('maincontent-container');
		
		var morphObject2 = new Fx.Morph(morphElement2, {
			onComplete: function() {
				
				// werkt dit?
				this.readmoreOpen = false;
				
				// verberg de video!
				//$('flvPlayer').setStyle('visibility','visible');
				$('video-container').setStyle('visibility','visible');
				
			}.bind(this)
		});
		
		morphObject2.start({
			'height': '150px'
		});
		
		
		// toon de tekst
		$('readmore-container').setStyle('visibility','hidden');
		
	},
	
	getState: function() {
		return this.readmoreOpen;
	}
});