// JavaScript Document
//var myHorizontalSlide = new Fx.Slide(elementAffecte, {mode: 'horizontal'});
$$('.popup').setStyle('display','none');
window.addEvent('domready', function() {
$$('.popup').setStyle('display','none');
var i = $$('.vignette')
i.addEvents({
//$('test').addEvents({

'mouseenter': function(){
	
	var elementAffecte = this.getElement('.popup');
	elementAffecte.setStyle('display','block');
	
	elementAffecte.setStyle('z-index','-100');
	elementAffecte.setStyle('opacity','0');
	this.setStyle('z-index','1000');//this.setStyle('backgroundColor','red');
	
	
	//this.tween('width','500px');
//	this.morph({'background-color:#FFF', 'width: 200'});
	//elementAffecte.slide('in','horizontal');
	//elementAffecte.tween('left','130px');
	elementAffecte.fade('in');
	//elementAffecte.slide('hide');
	//elementAffecte.slide('in','horizontal');
	//myFx2.toggle();
	//alert(elementAffecte);
/*var myFx = new Fx.Slide('popup1', {
    duration: 'long',
    transition: Fx.Transitions.Bounce.easeOut
});*/
//Automatically hides and then slies in "myElement":
//myFx.toggle();
	// myHorizontalSlide.slideIn();
	//this.getElement('.popup').setStyle('display','block');
    },
    'mouseleave': function(){
	var elementAffecte = this.getElement('.popup');
      elementAffecte.fade('out');
	  this.setStyle('z-index','1');
	 
	    //this.getElement('.popup').setStyle('display','none')
    }
});
});