Fx.FadeHoverLink = Fx.Style.extend({
    initialize: function(el, options) {
        this.parent(el, 'opacity', options);
        this.set(0.01);
        this.element.addEvent('mouseover', function() { this.fadeUp(); }.bind(this) );
        this.element.addEvent('mouseout', function() { this.fadeDown(); }.bind(this) );
        window.addEvent('unload', function() { delete this; }.bind(this) );
    },
    fadeUp: function(){
        this.clearTimer();
        this.custom(0.01,1);
    },
    fadeDown: function(){
        this.clearTimer();
        this.custom(1,0.01);
    }
});

window.addEvent('load', function() {
	//-- for IE6 but not IE7, Moz, Safari, Opera...
	if (typeof document.body.style.maxHeight == "undefined") {
		try {
		  document.execCommand('BackgroundImageCache', false, true);
		} catch(e) { /* unless it's not IE6... */ }
	} // if

	$$('.FadeLink').each(
		function(el) {
			el.fl = new Fx.FadeHoverLink(el,{duration:300});
		}
	);
	
	
	
	
	
}); // addEvent..onload