var ootitulo = null;
var oocopete = null;
if(window.addEvent){
    window.addEvent("domready", function(){
		/*//encurntro los titulos
		ootitulo = $$(".FAQ .titulo");
		
		//encuentro los copetes
		oocopete = $$(".FAQ .copete");
		oocopete.each(function(el, i){
			el.slide = new Fx.Slide(el,
			{ 
						duration: 500, 
						transition: Fx.Transitions.quadIn
					});
		});
		
		//cuando click en los titulos
		ootitulo.addEvent("click", function(){
			//busco el copete correspondiente
			var pos = ootitulo.indexOf(this);
			var copete = oocopete[pos];
			
			if(this.closed != true)
			{
				this.closed = true;
				$(this.parentNode).removeClass("seleccionado");
			}else{
				this.closed = false;
				$(this.parentNode).addClass("seleccionado");
			}
			//y lo toggleo
			copete.slide.toggle();
		})
		
		//inicializo todo, haciendo click en todos los titulos
		//ootitulo.fireEvent("click"); esto comento para que no se produzca el efecto de "cierre" al ingresar a la página.
		oocopete.each(function(el, i){ // y esto agrego para que aparezcan ocultos todos los copetes al ingresar a la página
			el.slide.hide();
		});*/
		var list = $$('.FAQ .copete');
				var headings = $$('.FAQ .titulo');
				var collapsibles = new Array();
				var spans = new Array();
				
				headings.each( function(heading, i) {

					var collapsible = new Fx.Slide(list[i], { 
						duration: 500, 
						transition: Fx.Transitions.quadIn
					});
					
					collapsibles[i] = collapsible;
					//spans[i] = $E('span', heading);
					
					heading.onclick = function(){
						/*var span = $E('span', heading);

						if(span){
							var newHTML = span.innerHTML == '+' ? '-' : '+';
							span.setHTML(newHTML);
						}*/
						
						/*for(var j = 0; j < collapsibles.length; j++){
							if(j!=i) {
								collapsibles[j].slideOut();
								if(spans[j]) spans[j].setHTML('+');
							}
						}*/
						
						collapsible.toggle();
						
						return false;
					}
					
					collapsible.hide();
					
				});
    })
}