var Panel = new Abstract({
	
	options: {
		effect: {
			duration: 750,
			transition: Fx.Transitions.Bounce.easeOut
		},
		openString: 'Philosophie in meiner Stadt...',
		closeString: 'Schliessen',
		panelSize: 110
	},
	
	init: function(options){
		this.setOptions(options);
		
		this.target = $('fxTarget');
		this.padding = $('fxPadding').setStyle('visibility', 'visible');
		this.trigger = $('fxTrigger');
		this.tab = $('fxTab');
		
		this.fx = this.target.effect('height', this.options.effect).set(0);
		this.trigger.setHTML(this.options.openString);
		
		this.tab.addEvent('click', function(){
			var opened = this.fx.now;
			this.fx.start( ((opened) ? this.options.panelSize : 0), ((opened) ? 0 : this.options.panelSize) );
			this.trigger.setHTML(this.options[((opened) ? 'open' : 'close') + 'String']);
			//this.trigger.setHTML((opened) ? this.options.closeString : this.options.openString));
		}.bind(this));
	}
	
}).extend(new Options);

window.addEvent('domready', Panel.init.bind(Panel));

window.addEvent('domready', function() {
$$('img.mo').each(function(img) {
	var src = img.getProperty('src');
	var extension = src.substring(src.lastIndexOf('.'),src.length)
	img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'-mo' + extension)); });
	img.addEvent('mouseleave', function() { img.setProperty('src',src); });
});
});