/**
 * @author marc
 */
//when the dom is ready
window.addEvent('domready', function() {
	if ($defined($('readmorelink'))) {
		var text = $('readmorelink').get('text');
		var status = {
			'true': 'Zuklappen...',
			'false': text
		};
		
		//-vertical
		var test = $('readmore');
		
		if ($defined(test)) {
			var myVerticalSlide = new Fx.Slide('readmore', {
				duration: 500,
				transition: Fx.Transitions.Sine.easeOut
			});
			var readmoreopacity = new Fx.Morph('readmore', {
				duration: 500,
				transition: Fx.Transitions.Sine.easeOut
			});
			myVerticalSlide.hide();
			test.setStyle('display', 'block');
			$('readmorelink').addEvent('click', function(e){
				e.stop();
				if (myVerticalSlide.open == false) {
					myVerticalSlide.slideIn();
					readmoreopacity.start.delay(500, readmoreopacity, {
						'color': '#000',
						'opacity': '1',
						'visibility': 'visible'
					});
				}
				
				if (myVerticalSlide.open == true) {
					readmoreopacity.start({
						'color': '#FFF',
						'opacity': '0'
					});
					myVerticalSlide.slideOut.delay(500, myVerticalSlide);
					readmoreopacity.start.delay(500, readmoreopacity, {
						'visibility': 'hidden'
					});
				}
			});
			
			
			// When Vertical Slide ends its transition, we check for its status
			// note that complete will not affect 'hide' and 'show' methods
			myVerticalSlide.addEvent('complete', function(){
				$('readmorelink').set('html', status[myVerticalSlide.open]);
			});
		}
	}
});