Fx.FadeHoverLink = Fx.Style.extend({
    initialize: function(el, options) {
		options.wait = false;
        this.parent(el, 'opacity', options);
		this.set(0.62);
        this.element.addEvent('mouseenter', function() { this.custom(0.69, 0.999999); }.bind(this) );
        this.element.addEvent('mouseleave',  function() {this.custom(1 , 0.69); }.bind(this)  );

    }
});




window.addEvent( 'domready', function(){

	$$('.fhover').each(
		function(el) {
			el.fl = new Fx.FadeHoverLink(el,{duration:500});
		}
	
	);
//var fx = new Fx.Style ('fadein' , 'opacity' , {duration:500, wait:false}).start(0,1);

//var fx = new Fx.Style ('pattern' , 'opacity' , {duration:2000, wait:false}).start(1,0);



var p = new Preloader();
	$$('.tx-vgallery-large img').each(function(img) {
		p.addEventOnLoad(img.src, function() {
			img.getParent().setStyle('background', 'none');
			img.setStyle('opacity', 0)
			img.style.visibility = 'visible';
			img.effect('opacity' , {duration:250, wait:false}).start(0,1);
		});
		p.addToQueue(img.src);
	});

//onload fadein

//mouseover fade-effect
});

window.addEvent( 'load', function(){

var myHslides = $$('#info h1');
var togslide = $$('#info');	
 
myHslides.each(function(el, i){
	
 
		var slider = new Fx.Slide(el, {transition: Fx.Transitions.Quart.easeOut , mode: 'horizontal'});
		slider.hide();
		//el.setStyle('display','none');
 
		togslide[i].addEvent('mouseenter', function(){
			el.setStyle('visibility','visible');
			slider.slideIn();
		});

		togslide[i].addEvent('mouseleave', function(){
			el.setStyle('visibility','visible');
			slider.slideOut();
		});

});


var mySlides = $$('#info p');
var togslide = $$('#info');	
 
mySlides.each(function(el, i){
	
 
		var slider = new Fx.Slide(el, {transition: Fx.Transitions.Quart.easeOut , mode: 'vertical', duration:500});
		slider.hide();
		//el.setStyle('display','none');
 
		togslide[i].addEvent('mouseenter', function(){
			el.setStyle('visibility','visible');
			slider.slideIn();
		});

		togslide[i].addEvent('mouseleave', function(){
			el.setStyle('visibility','visible');
			slider.slideOut();
		});
 
	});
});


								  






