function mouse (glass,genre){ // fonction qui attend l\'evenment de mouse sur les miniatures
var elementList = document.getElementsByClassName(glass);
for(var i=0;i<elementList.length;i++)
	{
	Event.observe(elementList[i], genre, show_mouse);
	}
}

function show_mouse(event){
var element_over = Event.element(event);
Element.setStyle($(element_over), {cursor:'pointer'} );
Event.observe($(element_over),'click',show_grande);
}


function afficheimage(num_annexe){
Element.remove("image_grande");
var indice = $F('identifiant');
if(!num_annexe && num_annexe!=0)
new Insertion.Top("warpper", "<img id=\"image_grande\" src=\"images/references/"+indice+"/grande.jpg\"  />");
else
new Insertion.Top("warpper", "<img id=\"image_grande\" src=\"images/references/"+indice+"/grande"+num_annexe+".jpg\"  />");
}



function show_grande(event){

var element_clicked = Event.element(event);
var chemin =element_clicked.src;
chemin=chemin.replace(/vignette/,'grande');
taille('warpper',chemin);
Element.remove("image_grande");
new Insertion.Top("warpper", '<img id="image_grande" src="images/gif_loading.gif"  />');
var nb_car = element_clicked.id.length;
if (nb_car>10)
	{
	if (nbcar>11)
		alert('erreur recharger la page');
	else
		var num_annexe=element_clicked.id.substring(10,11);
	}
else
	{
	var num_annexe=element_clicked.id.substring(9,10);
	}
MM_preloadImages(chemin);
setTimeout('afficheimage('+num_annexe+')',2000);

}

function taille(containeur,path){ // permet de metre le containeur a la taille de l'image cliqué
new Ajax.Request('donne_taille.php', {
  method: 'get',
  parameters : 'path='+path ,
  onSuccess: function(t) 
		{
		Element.setStyle(containeur, {height: t.responseText+'px'} );
    		return t.responseText;
 		 }
					});

}