window.addEvent('domready', function() {
	// Il faut oublier les fonctions du genre 	menu3.addEvent('mouseover', menu3.fade.bind(menu3, [0]));
	// fade ne fonctionne pas correctement !!! 
	
	// sexylightbox
	
	// SexyLightbox = new SexyLightBox();

	var menu2 = $('menu2');
	var image2 = $('image2');
	image2.setStyles({'opacity': '0'}); // invisible par défaut
	menu2.addEvents({mouseenter: function(){image2.morph({'opacity': 1});}});
	menu2.addEvents({mouseleave: function(){image2.morph({'opacity': 0});}});
	
	var menu3 = $('menu3');
	var image3 = $('image3');
	image3.setStyles({'opacity': '0'}); // invisible par défaut
	menu3.addEvents({mouseenter: function(){image3.morph({'opacity': 1});}});
	menu3.addEvents({mouseleave: function(){image3.morph({'opacity': 0});}});
	
	var menu4 = $('menu4');
	var image4 = $('image4');
	image4.setStyles({'opacity': '0'}); // invisible par défaut
	menu4.addEvents({mouseenter: function(){image4.morph({'opacity': 1});}});
	menu4.addEvents({mouseleave: function(){image4.morph({'opacity': 0});}});
	
	var menu5 = $('menu5');
	var image5 = $('image5');
	image5.setStyles({'opacity': '0'}); // invisible par défaut
	menu5.addEvents({mouseenter: function(){image5.morph({'opacity': 1});}});
	menu5.addEvents({mouseleave: function(){image5.morph({'opacity': 0});}});
	
	var menu6 = $('menu6');
	var image6 = $('image6');
	image6.setStyles({'opacity': '0'}); // invisible par défaut
	menu6.addEvents({mouseenter: function(){image6.morph({'opacity': 1});}});
	menu6.addEvents({mouseleave: function(){image6.morph({'opacity': 0});}});
	
	
	// SexyLightBox
    new SexyLightBox({find:'sexylightbox', OverlayStyles:{'background-color':'#fff'},captionColor:'#FFF'});
    new SexyLightBox({find:'LGWhite', color:'white', hexcolor:'#FFFFFF', captionColor:'#000'});

});