/**
 * Transforme tous les liens de la page qui correspondent au sélecteur cssLinks
 * en événements onclick, qui affichent les éléments correspondants dans l'attribut href sous la forme d'un lightbox
 *
 * Par exemple :
 * <a class="lightlink" href="#popup">Ouvrir</a>
 * <div id="popup">Contenu de la lightbox</div>
 *
 * @author IRCF
 */
var Lightbox = function(lightbox){
	//alert("Lightbox : "+lightbox);
	lightbox = $$(lightbox)[0];
	//lightbox.effect = lightbox.effects({duration: 1000});
	lightbox.effect = new Fx.Morph(lightbox);
	lightbox.maxWidth = lightbox.getStyle("width");
	lightbox.show = function(){
		lightbox.style.display = 'block';
		lightbox.style.overflow = 'hidden';
		lightbox.effect.start({
			width : lightbox.maxWidth,
			opacity : 1
		}).chain(function(){
			lightbox.style.overflow = 'auto';
		});
	}
	lightbox.hide = function(){
		lightbox.style.overflow = 'hidden';
		lightbox.effect.start({
			width : 0,
			opacity : 0
		}).chain(function(){
			lightbox.style.display='none';
			
		});
	}
	lightbox.hide();
	lightbox.getElement(".close").addEvent('click', function(){
		lightbox.hide();
	});
	this.lightbox = lightbox;
}
var Lightlinks = function(links){
	//alert("Lightlinks : "+links);
	$$(links).each(function(link){
		link.selected = new Lightbox(link.href.substring(link.href.indexOf("#"),link.href.length));
		link.addEvent('click', function(event){
			link.selected.lightbox.show();
		});
	});
}
window.addEvent("domready",function(){
	new Lightlinks(".lightlink");
});