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); });
	});


$$('#big-foot-menu li.tab').addEvent('click', function(i) {

 i.preventDefault();
 
 $$('#big-foot-menu li.tab').removeClass('active');
 $$('#'+ this.id).addClass('active');

			var url = "/big-foot.asp?foot=" + this.id.replace('tab-','');

			new Ajax(url, {
				method: 'get',
				update: $('big-foot-content'),
				evalScripts: true,
			 onRequest: function() {
       $('loading').setStyle('display', 'block');
     },onSuccess: function() {
	   $('loading').setStyle('display', 'none');
	 }
			})			
			.request();
		});

 });