window.addEvent('scroll',function(){

			if($('cortinilla').getStyle('display')=='block')
			{
				var top=window.getScrollTop()+100;
				var left= window.getScrollLeft()+(window.getWidth()/2);
		
				$('marco').setStyles({
					'top':top,
					'left':left
				});
				
						
				$('foto').setStyles({
					'top':top,
					'left':left
				});
			}
		
	
});


function marco_fotos(marco,fondo,ancho,alto,mostrar,color,posicion)
{
	if(mostrar)
	{
		ver='block';
	
		if(alto==0)
			var alto_ventana=window.getHeight()-20;
		else
			var alto_ventana=alto;
			
		if(ancho==0)
			var ancho_ventana=window.getWidth()-20;
		else
			var ancho_ventana=ancho;
	}
	else
	{
		$(marco).remove();
		return;
	}

		
	var top=window.getScrollTop()+100;
	var left= window.getScrollLeft()+(window.getScrollWidth()/2);


	
	new Element('div', {
	styles: {
		'z-index':posicion,
		'position':'absolute',
		'height':alto_ventana,
		'width':ancho_ventana,
		'top':top,
		'left':left,
		'margin-top':0,
		'margin-left':-(ancho_ventana/2),
		'display':ver,
		'opacity':1,		
		'background-color':color,
		'text-align':'center',
		'background-position': 'center center',
		'background-repeat':'no-repeat',
		'background-image':'url('+fondo+')'
	},
	id:marco
	}).injectTop(document.body);
	
	$(marco).addEvent('click',function(f){
			f=new Event(f);
			
			correr_cortinilla('cortinilla','#000',false);
			marco_fotos('marco','',0,0,false,'',f);
			marco_fotos('foto','',0,0,false,'',f);
			f.stop();		
		
	});
	
}

function correr_cortinilla(cosa,colores,poner)
{
	if(poner)
	{
		 var ver='block';
	}
	else
	{
		$(cosa).remove();
		return;
	}	
	
	//leemos la altura del body
	var altura=window.getScrollHeight();
	
	new Element('div', {
	styles: {
		'z-index':100,
		'width':'100%',
		'position':'absolute',
		'top':0,
		'left':0,
		'height':altura,
		'display':ver,
		'background-color' : colores,
		'opacity':0.5
	},
	id:cosa
	}).injectTop(document.body);
}

window.addEvent('domready', function() {

	var fotos= $$('table.imagenes img' );
	
	fotos.each(function(foto){
		foto.addEvent('click',function(j){
			j=new Event(j);
			var imagen=foto.getProperty('src').replace('m.jpg','.jpg');
			correr_cortinilla('cortinilla','#000',true);
			marco_fotos('marco','/images/biblia.gif',553,420,true,'#fff',101);
			marco_fotos('foto',imagen,533,400,true,'transparent',102);
			j.stop();
		});
	});



});