window.addEvent('domready', function(){ 
			
						var tipper = new Tips($$('.tipper'), {
						initialize:function(){
						this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 400, wait: false}).set(0);
						},
						onShow: function(toolTip) {
							this.fx.start(1);
						},
						onHide: function(toolTip) {
							this.fx.start(0);
						}						
					});
	
		$$('.fade').each(function(el, i) {
		//there comes exactly your former fx statement except for
		var ExampleFx = new Fx.Style(el, 'opacity', { //the fact i apply the effect on el
			wait: false, //and wait: false which make the effect not waiting (very useful on the mouseout or mouseleave function...
			duration: 700,
			transition: Fx.Transitions.Quart.easeInOut
		});
		//and there i apply (always on el) the effect on mouseenter (similar in this case but often better than mouseover)
		//and mouseleave (same for mouseenter but concerning mouesout)
		el.addEvent('mouseenter', function() { ExampleFx.start(0.8, 1); });
		el.addEvent('mouseleave', function() { ExampleFx.start(1, 0.8); });
	});

$('meny-container').setStyle('display', 'none');


var dsSlide = new Fx.Slide('meny-container');


dsSlide.hide();


$('filter').addEvent('click', function(e){
	e = new Event(e);
	dsSlide.toggle();
	e.stop();
});



$('meny-container').setStyle('display', 'block');


				});