/*ventanas con contenido emergente
-incluir texto de las etiquetas "caja de texto flotante" antes de que se cierre el body del html
-incluir la parte del css indicada como "flotantes"
-copiar las imagenes y actualizar las rutas
-copiar la estructura, con ids y clases, que debe llevar el contenido de la página en sí
-checar número de niveles que hay que regresar para leer el contenido (ruta=a.getParent())
-incluir la referencia a este javascript
*/

window.addEvent('domready', function(){
	// ocultar los textos que activa el boton de 'leer más'									  
	$$('div.oculto').setStyle('display','none');
});
	
var load_method = (window.ie ? 'load' : 'domready');
window.addEvent(load_method, function(){
							  
	// asigna el evento click a lso botones de 'leer más'
	$$('div.textoconLink a.doReadmore').each(function(a){
		a.addEvent('click', function(e){
			// posicionar la transparencia y el flotante
			var posicion = function(){
					$('lbOverlay').setStyles({ 
						//'top': window.getScrollTop(), 
						//'height': window.getHeight()
						'top': 0,
						'height': $('contenedor').getStyle('height').toInt()
					});		
					$('cajaTextoFlotante').setStyles({ 
						'top': Math.round(window.getScrollTop()+((window.getHeight()-$('cajaTextoFlotante').getStyle('height').toInt())/2)),
						'left': Math.round((window.getWidth()-$('cajaTextoFlotante').getStyle('width').toInt())/2)
					});
			}
			// quitar los divs
			var removeDivs = function(){
				$('lbOverlay').setOpacity(0);
				$('cajaTextoFlotante').setOpacity(0);
			}
			// crear la transparencia
			if(!$('lbOverlay')) var overlay = new Element('div', {
					'id': 'lbOverlay',
					'width': window.getWidth()
				}).addEvent('click',function(){
					removeDivs();
				}).injectInside(document.body);
			// reposiciona los elementos tras los eventos resize y scroll
			if(true){ //no se por qué, esto excluía a ie
				var fn = open ? 'addEvent' : 'removeEvent';
				window[fn]('scroll', posicion)[fn]('resize', posicion);
			}
			// dar evento a los botones presentes
			$$('div#cajaTextoFlotante a.btncerrar').addEvent('click',removeDivs);
			// efectos
			var fxOverlay = $('lbOverlay').effect('opacity', {duration: 0}).hide();
			// extraer el texto del div oculto con formato de HTML (sólo debe haber un div.oculto)
			var textoContenido = '';
			//ojo con el número de niveles que hay que regresar para leer el contenido
			//
			ruta=a.getParent().getParent().getParent();
			//si quiero repetir el texto que ya se mostró en la página
			if(false){
				ruta.getParent().getElements('div.textoconLink').each(function(div){
					textoContenido = '<div class="oculto1">'+div.innerHTML+'</div>';
				});
			}
			//para mostrar el texto oculto
			ruta.getElements('div.oculto').each(function(div){
				textoContenido += '<div class="oculto2">'+div.innerHTML+'</div>';
			});
			// iniciar elementos:
			$('contenidoDelFlotante').setHTML(textoContenido);
			posicion();
			$('cajaTextoFlotante').setOpacity(1);
			fxOverlay.start(0,0.5);
		});
	});
		
		
		// accordion
	var accordion = new Accordion('h4.acordeonTitulo', 'div.acordeonContenido', {
		alwaysHide: true,
		opacity: false,
		duration: 200,
		display: 0,
		show: 0,
		onActive: function(titulo){
			titulo.setStyle('color','#ffe473');
			},
		onBackground: function(titulo){
			titulo.setStyle('color','#ECEDEF');
			}
		}, $('acordeonContenedor'));
});