window.addEvent('scroll',function(){
	
	var result = $try(function(){	
		var dim=$('panel').getCoordinates('body');
		top=window.getScrollHeight();	
		var dim2=$('cortinilla').getCoordinates();
		
		if(dim2.height<top)
		{
			$('cortinilla').setStyles({'height':top});
			//$('pagina').setStyles({'height':top});
		}
	})
});

function marco_fotos(marco,fondo,ancho,alto,mostrar,color)
{
	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).destroy();
		return;
	}

	var top=window.getScrollTop()+10;
	var left= window.getScrollLeft()+(window.getWidth()/2);

	new Element('div', {
	styles: {
		'z-index':101,
		'position':'absolute',
		'height':alto_ventana,
		'width':ancho_ventana,
		'top':top,
		'left':left,
		'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).morph({'height':[alto_ventana],'opacity':[1]});
}

function correr_cortinilla(cosa,colores,poner)
{
	if(poner)
	{
		 var ver='block';
		 $$('.select01').setStyle('opacity',0);
	}
	else
	{
		var ver='none';
		$$('.select01').setStyle('opacity',1);
		$(cosa).destroy();
		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);
	
	//$(cosa).morph({'height':[altura],'opacity':[0.5]});
}

function cancelar()
{
	correr_cortinilla('cortinilla','#000',false);
	marco_fotos('panel','',0,0,false,'');
}




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

//efecto over el logos
   $$('div .logo_secundario').addEvent('mouseenter',function(){
      this.setStyle('opacity',0.5);
   });
   $$('div .logo_secundario').addEvent('mouseleave',function(){
      this.setStyle('opacity',1);
   });
	imagenes_clickables=$$('table .imagen','table .imagen_quienes');
	noticias=$$('.noticias');
	
	noticias.addEvent('mouseenter',function(){
			this.setStyle('color','#6b6b6b');
		});

	noticias.addEvent('mouseleave',function(){
			this.setStyle('color','#cc0000');
		});
	
	//ajax para noticias en onClick
	
	noticias.addEvent('click',function(){
		
			if(Browser.Engine.trident)
				var trident=1;
			else
				var trident=0;
			//alert(this.id);
			correr_cortinilla('cortinilla','#000',true);
			marco_fotos('panel','/casamayor/images/biblia.gif',100,100,true,'#ffffff');	
			new Request.HTML({
				url:'/ajax/noticias/'+this.id+'/'+trident, 
				method:'post',
				update: $('panel'),
				evalScripts: true,
				onComplete:function(){	
					
					//quitamos la ruedecica
					$('panel').setStyle('background-image',''); 
				
					$('tabla_noticias').setStyle('opacity',0);
					$('tabla_noticias').setStyle('position','absolute');
					$('tabla_noticias').setStyle('z-index','200');
						
					//dimensiones
					var dim_tabla = $('tabla_noticias').getCoordinates();
					var dim_marco = $('panel').getCoordinates();
		
					var altura=dim_tabla.height;
					var anchura=dim_tabla.width;
					var top=dim_marco.top+2;
					var left=-anchura/2;
				
						
					//hacemos aparecer la ventanica
					var cambio=new Fx.Morph($('panel'));
					var aparece=new Fx.Morph($('tabla_noticias'));
					
					cambio.start({'margin-left':left,'width':anchura}).chain(
						function(){
							cambio.start({'height':altura})
						},
						function(){
							aparece.set({'position':'relative'}),
							aparece.start({opacity:1})
						}
					
					);	

		
				}
			}).post();	
		
		});
			
	imagenes_clickables.addEvent('click',function(){
			correr_cortinilla('cortinilla','#000',true);
			marco_fotos('panel','/casamayor/images/biblia.gif',100,100,true,'#ffffff');	
			
			var ruta=this.getStyle('background-image');
			
			ruta=ruta.replace('/m','/');
			ruta=ruta.replace('url(','');
			ruta=ruta.replace(')','');
			
			var myImage = new Asset.image(ruta, {id: 'imagen_subida', title: 'Click para cerrar', onload: function(elemento){
				
				//quitamos la ruedecica
				$('panel').setStyle('background-image',''); 
			
				myImage.injectTop($('panel'));
				myImage.setStyle('opacity',0);
				myImage.setStyle('position','absolute');
				myImage.setStyle('z-index','200');
				
				var dim_imagen = myImage.getCoordinates();
				var dim_marco = $('panel').getCoordinates();
	
				var altura=dim_imagen.height+10;
				var anchura=dim_imagen.width+10;
				var top=dim_marco.top+5;
				var left=-anchura/2;
				
				var cambio=new Fx.Morph($('panel'));
				var aparece=new Fx.Morph(myImage);		
					
				cambio.start({'margin-left':left,'width':[100,anchura]}).chain(
					function(){
						cambio.start({'height':[100,altura]})
					},
					function(){
						aparece.set({'margin-top':5}),
						aparece.set({'position':'relative'}),
						aparece.start({opacity:1})
					}
				
				);	
				
				$('panel').addEvent('click',function(){
					cancelar();
				});
		}});
	});
});