var charges = new Array();
var ImageJS = new Image;

function nomage(event){
	elt = Event.findElement(event, 'img');
	tmp_num = elt.id.split("_");
	num = tmp_num[1];
	conteneur_zoom = $('zoom');
	return num, conteneur_zoom;
}

function chargeZoom(event){
	nomage(event);
	
	if (charges[num]!='ok'){$('loading').style.display='block';}

	ImageJS.src = "images/" + repertoire_images + "/zoom_" + num + ".jpg";
	
	ImageJS.onload = function(){
		if (document.images["image_zoom"]) document.images["image_zoom"].src = ImageJS.src;
		
		charges[num] = 'ok';
		zoom(event);
	}
}

function zoom(event){
	nomage(event);
	expli = $('expli_zoom');
	expli.innerHTML = 'Cliquez sur la photo pour la fermer';
	if (elt_legende = $('legende')){
		txt_legende = afficherLegende(type_legende,num)
		if (txt_legende!=''){
			elt_legende.innerHTML = '<p>' + txt_legende + '</p>';
		} else {
			elt_legende.innerHTML = '<p>&nbsp;</p>';
		}
	}
	
	if (document.images["image_zoom"]) document.images["image_zoom"].src = "images/" + repertoire_images + "/zoom_" + num + ".jpg";
	//if (conteneur_zoom.style.display=='none') conteneur_zoom.style.display='block';
	new Effect.Appear(conteneur_zoom, {duration:0.4, afterFinish : function(){ $('loading').style.display='none'}} );
}





function fermeZoom(){
	// (conteneur_zoom.style.display=='block') conteneur_zoom.style.display='none';
	expli = $('expli_zoom');
	expli.innerHTML = 'Cliquez sur les photos pour les agrandir';
	new Effect.Shrink(conteneur_zoom, {duration:0.6, direction:'top-right',afterFinish: function(){document.images["image_zoom"].src = "";}});
	
	elt_legende = $('legende');
	elt_legende.innerHTML = '';
	
}
function Init_galerie(){
  if ($('vignette_1')) Event.observe('vignette_1','click',chargeZoom);
  if ($('vignette_2')) Event.observe('vignette_2','click',chargeZoom);
  if ($('vignette_3')) Event.observe('vignette_3','click',chargeZoom);
  if ($('vignette_4')) Event.observe('vignette_4','click',chargeZoom);
  if ($('vignette_5')) Event.observe('vignette_5','click',chargeZoom);
  if ($('vignette_6')) Event.observe('vignette_6','click',chargeZoom);
  if ($('vignette_7')) Event.observe('vignette_7','click',chargeZoom);
  if ($('vignette_8')) Event.observe('vignette_8','click',chargeZoom);
  if ($('vignette_9')) Event.observe('vignette_9','click',chargeZoom);
  if ($('vignette_10')) Event.observe('vignette_10','click',chargeZoom);
  if ($('vignette_11')) Event.observe('vignette_11','click',chargeZoom);
  if ($('vignette_12')) Event.observe('vignette_12','click',chargeZoom);
  Event.observe('image_zoom','click',fermeZoom);
}
Event.observe(window,'load',Init_galerie);