Event.observe(window, 'load', prepararPlegablesFAQ, false); //Se pliegan las preguntas de la FAQ
Event.observe(window, 'load', plegarTodoFAQ, false);
function prepararPlegablesFAQ () { //Se preparan los elementos que intervienen en el comportamiento.
	var enlaceDesplegar = $$('h3.pregunta a');
	var botonesExpandible = $$('div.expandible')[0];
	var enlacePlegarTodo = $$('div.expandible li.plegar a');
	var enlaceDesplegarTodo = $$('div.expandible li.desplegar a');

	if (enlacePlegarTodo[0]) {enlacePlegarTodo[0].setAttribute('id','plegarTodoFAQ');}
	if (enlaceDesplegarTodo[0]) {enlaceDesplegarTodo[0].setAttribute('id','desplegarTodoFAQ');}
	
	for(i=0; i<enlaceDesplegar.length; i++){
		enlaceDesplegar[i].setAttribute('id','desplegar'+ i +'');
	}
	
	//Se aņaden eventos a los enlaces de Plegar/Desplegar todo (onclick y onkeypress)
	if (enlacePlegarTodo[0]) {
		Event.observe('plegarTodoFAQ', 'click', plegarTodoFAQ, false);
		Event.observe('plegarTodoFAQ', 'keypress', plegarTodoFAQ, false);
	}
	if (enlaceDesplegarTodo[0]) {
		Event.observe('desplegarTodoFAQ', 'click', desplegarTodoFAQ, false);
		Event.observe('desplegarTodoFAQ', 'keypress', desplegarTodoFAQ, false);
	}
}

function plegarTodoFAQ(evt) { //Pliega todas las respuestas
	var encabezadoDesplegable = $$('h3.pregunta');
	var capaDesplegable = $$('div.respuesta');

	for(i=0; i<encabezadoDesplegable.length; i++) {
		encabezadoDesplegable[i].removeClassName('desplegado');
	}
	for(i=0; i<capaDesplegable.length; i++) {
		capaDesplegable[i].addClassName('oculto');
	}
	Event.stop(evt);
}

function desplegarTodoFAQ(evt) { //Despliega todas las respuestas
	var encabezadoDesplegable = $$('h3.pregunta');
	var capaDesplegable = $$('div.respuesta');

	for(i=0; i<encabezadoDesplegable.length; i++) {
		encabezadoDesplegable[i].addClassName('desplegado');
	}
	for(i=0; i<capaDesplegable.length; i++) {
		capaDesplegable[i].removeClassName('oculto');
	}
	

	Event.stop(evt);
}

Event.observe(window, 'load', desplegableFAQ, false); // Pliega/Despliega respuestas de forma individual
	function desplegableFAQ(evt) { 
		var capaDesplegable0 = $$('div.respuesta')[0];
		if (capaDesplegable0) {
			var expandible = $$('h3.pregunta a');
			for(i=0; i<expandible.length; i++) {
				
				if( expandible[i].addEventListener ) {
					expandible[i].addEventListener("click", despliegaRespuestaFAQ,false);
					expandible[i].addEventListener("keypress", despliegaRespuestaFAQ,false);
				} else {
					expandible[i].attachEvent('onclick', despliegaRespuestaFAQ,false);
					expandible[i].attachEvent('onkeypress', despliegaRespuestaFAQ,false);
				}
			}
		}
	} function despliegaRespuestaFAQ (evt) {
		var clikado = Event.element(evt);
		
		$(clikado.id).ancestors()[0].nextSiblings()[0].toggleClassName('oculto');
		$(clikado.id).ancestors()[0].toggleClassName('desplegado');

		Event.stop(evt);
	}
	
	
	

