var TeaserFoldOut = new Class ({
	Implements: Options,
	
	options: {
		elements: $$('.teaser-foldout')
	},
	
	initialize: function(options) {
		this.setOptions(options);
		this.elements = this.options.elements;
		this.createFoldOuts();
	},
	
	createFoldOuts: function() {
		this.elements.each(function(element) {
			var teaser = element.getElement('div.teaser');
			var foldOut = element.getElement('div.fold-out');
			var foldOutLink = teaser.getElement('span.foldout-link');
			if (foldOutLink) {
				foldOut.setStyle('visibility', 'hidden').setStyle('display', 'block');
				var slide = new Fx.Slide(foldOut).hide();
				foldOut.setStyles({visibility: 'visible', cursor: 'pointer'});
				foldOutLink.addEvent('click', function() {
					slide.slideIn();
					this.setStyle('display', 'none');
				});
				foldOut.addEvent('click', function() {
					slide.slideOut();
					foldOutLink.setStyle('display', 'inline');
				});
			}
		});
	}
});