window.addEvent('domready', function() {
	//param
	var current = 0;
	var pict_height = 0;
	var pict_width = 0;
	var myScroll = window.getScroll();
	var myValues = window.getCoordinates();
	//morph masque
	$('masque').fade('hide');
	//morph apercu
	var morphapercu = $('apercu');
	var morphObject = new Fx.Morph(morphapercu);
	//fonction d'affichage des photos
	function showPhoto(a) {
		//on recupere l'ancre ayant la photo a afficher
		if (part=='galerie') {
			if (a=='prev') {
				if (current > 1) {
					current--;
				} else {
					current = compteur;
				}
				a = $('pict_'+current);
			} else if (a=='next') {
				if (current < compteur) {
					current++;
				} else {
					current = 1;
				}
				a = $('pict_'+current);
			} else {
				var tableau = a.id.split('_'); 
				current = Number(tableau[1]);
			}
		}
		//taille des elements
		pict_height = a.getElement('span:even').innerHTML;
		pict_width = a.getElement('span:odd').innerHTML;
		//taille fenetre
		myScroll = window.getScroll();
		myValues = window.getCoordinates();
		//body
		$('body').setStyle('overflow', 'hidden');
		//masque
		$('masque').setStyle('display', 'block');
		$('masque').setStyle('top', myScroll.y);
		$('masque').setStyle('width', myValues.width);
		$('masque').setStyle('height', myValues.height);
		$('masque').fade('0.5');
		//apercu
		morphObject.set({
		 'top': myScroll.y+(myValues.height/2),
		 'left': myScroll.x+(myValues.width/2),
		 'width': 1,
		 'height': 1
		});
		$('apercu').src=a.getAttribute('href');
		$('apercu').setStyle('display', 'block');
		morphObject.start({
		 'top': myScroll.y+(myValues.height-pict_height)/2,
		 'left': myScroll.x+(myValues.width-pict_width)/2,
		 'width': pict_width,
		 'height': pict_height
		});
		if (part=='galerie') {
			//next/prev
			$('prev').setStyle('display', 'block');
			$('prev').setStyle('top', myScroll.y+(myValues.height/2));
			$('prev').setStyle('left', myScroll.x+(myValues.width/2)-(pict_width/2)-40);
			$('next').setStyle('display', 'block');
			$('next').setStyle('top', myScroll.y+(myValues.height/2));
			$('next').setStyle('left', myScroll.x+(myValues.width/2)+(pict_width/2)+10);
		}
	}
	//fonction de masquage de l'apercu
	function hidePhoto() {
		if (part=='galerie') {
			//next/prev
			$('prev').setStyle('display', 'none');
			$('next').setStyle('display', 'none');
		}
		//apercu
		morphObject.start({
		 'top': myScroll.y+(myValues.height/2),
		 'left': myScroll.x+(myValues.width/2),
		 'width': 1,
		 'height': 1
		});
		setTimeout("$('apercu').setStyle('display', 'none');", 500);
		setTimeout("$('apercu').src='#';", 500);
		//masque
		$('masque').fade('out');
		setTimeout("$('masque').setStyle('display', 'none');", 750);
		//body
		setTimeout("$('body').setStyle('overflow', 'auto');", 1000);
	}
	if (part=='galerie') {
		//on met un evenement onclick sur toutes les images (et on desactive le lien avec return false;)
		$('conteneur').getElements('a').addEvent('click', function(){showPhoto(this);return false;});
		//on met un evenement onclick sur les boutons precedent/suivant
		$('prev').addEvent('click', function(){showPhoto('prev');});
		$('next').addEvent('click', function(){showPhoto('next');});
	} else if (part=='annonces') {
		//on met un evenement onclick sur toutes les images (et on desactive le lien avec return false;)
		$('contenu').getElements('a').addEvent('click', function(){showPhoto(this);return false;});
	}
	//on met un evenement onclick sur le masque et l'apercu pour masquer la photo
	$('masque').addEvent('click', function(){hidePhoto();});
	$('apercu').addEvent('click', function(){hidePhoto();});
});