var SlideTeaser = new Class({

	initialize: function(elements, options) {	
		this.setOptions({
			accordion: 'default'
		}, options);
		
		$$(elements).each(function(element, i) {
			var title = element.getElement('h3');
			var text  = element.getElement('div.text');
			if ($chk(text)) {
				var cord = text.getCoordinates();
				var fx   = text.effects({duration: 250, wait: false, transition: Fx.Transitions.linear});
				text.setStyle('top', -cord.height);
				element.addEvent('mouseenter', function(){
					title.addClass('hovered');
					fx.start({
					    'top': 0
					});
				});
				element.addEvent('mouseleave', function(){
					title.removeClass('hovered');
					fx.start({
					    'top': -cord.height
					});
				});
			}
		});	
	}
	
});

SlideTeaser.implement(new Options);

/* Add functions on window load */
window.addEvent('domready', function(){ new SlideTeaser('div.slide-teaser'); });