// JavaScript Document


window.onload = function() {
new Effect.Fade('grand');
$('grand').style.diplay="";
 new Draggable('galery');
 
 Effect.tagifyText('galery');
//pour changer l'opacité changer la valeur du paramètre "to" ci dessous (par defaut sa valeur est 0.4)
 Effect.multiple('galery', Effect.Appear,  {speed:0.5, to:0.4, duration:3.0, afterFinish:function(){

 Effect.Appear('grand');}}); 
 
 var img = document.getElementsByClassName("image");
 for (var i = 0; i < img.length; ++i)
 {
	 img[i].onmouseover=function(event)
		{
			var el=Event.element(event);
			el.style.opacity=1;

		};
	img[i].onmouseout=function(event)
		{
			var el=Event.element(event);
			el.style.opacity=0.4;//pour changer l'opacité changer la valeur du paramètre
		};
 }

}


function changeimage(monImage) {
//alert(monImage)
new Effect.Fade('grand', {afterFinish:function(){
$('grand').style.diplay="none";
$('grand').src=monImage;
Effect.Appear('grand', {duration : 2.2});
}});

//setTimeout("Effect.Appear('grand', {duration : 2.2})", 1000)
}