Fx.FadeHoverLink = Fx.Style.extend({
    initialize: function(el, options) {
		options.wait = false;
        this.parent(el, 'opacity', options);
		this.set(0.5);
        this.element.addEvent('mouseenter', function() { this.custom(0.5,1); }.bind(this) );
        this.element.addEvent('mouseleave',  function() {this.custom(1,0.5); }.bind(this)  );


    }
});
// ------- //
window.addEvent( 'domready', function(){

	$$('.fhover').each(
		function(el) {
			el.fl = new Fx.FadeHoverLink(el,{duration:500});
		}
	);
//mouseover
//for gallery image onload fadein
var fx = new Fx.Style ('fadein' , 'opacity' , {duration:500, wait:false}).start(0,1);
//onload fadein

//mouseover fade-effect
});