// colocar al contenedor como bloque, quitarle espacios en blanco y funcion acordeon al momento de cargar
window.onload = function() {
	document.getElementById('lUno').style.display = "block";
	Element.cleanWhitespace('lUno');
	init();
}
//the main function, call to the effect object
function init(){
     // ul que se encogen o abre
	var stretchers = document.getElementsByClassName('stretcher');
    // li que reciben el clic para encoger los ul
	var toggles = document.getElementsByClassName('display');

	// efecto accordion con  evento onComplete que detecta el ul abierto y lo guarda en un cookie
	var myAccordion = new fx.Accordion(
		toggles, stretchers, { 
            opacity: true, 
            duration: 500,
            onComplete: // En caso se produzca alguna modificacion del acordeon, luego de terminada, se dispara este evento
        function(){
            // Itera el arreglo de elementos ul 'toggles'
            stretchers.each(function(ul, j){
                // Si un ul esta abierto (la altura del 'li' que lo contiene es mayor que los 30 px que mide al inicio)
                if (stretchers[j].style.visibility == 'visible') {
                    // Cookie! por un mes
                    document.cookie = "lineaAbierta=" + j + "; max-age=" + (60*60*24*30);
                }
            });
        }
        }
	);

    // Leer los cookies. esta linea retorna Todos los cookies para este documento.
    var galletas = document.cookie;
    // Busca nuestro cookie 'lineaAbierta'
    var galletaActual = galletas.indexOf("lineaAbierta=");
    // Asigna un valor por defecto a la  variable que se pasara al cookie
    var valor = 'n';
    // Si se halla el cookie se extrae y se guarda su valor
    if (galletaActual != -1) {
        var start = galletaActual + 13;          // Start of cookie value
        var end = galletas.indexOf(";", start);  // End of cookie value
        if (end == -1) { end = galletas.length; }
        valor = galletas.substring(start, end);  // Extract the value
    };

    // En caso de hallar un cookie
    if (valor != 'n') {
		// Itera el arreglo de elementos ul 'toggles'
        toggles.each(function(li, i){
			// Si el valor del cookie es igual al valor de un ul
            if (valor == i ) {
                // Abrimos ese ul y guardamos un cookie con su valor
				myAccordion.showThisHideOpen(stretchers[i]);
                document.cookie = "lineaAbierta=" + i + "; max-age=" + (60*60*24*30);
			}
		});
    }
    // En caso que no halla cookie, abrimos el primer elemento ul y guardamos su valor
    else {
        myAccordion.showThisHideOpen(stretchers[0]);
        document.cookie = "lineaAbierta=" + 0 + "; max-age=" + (60*60*24*30);
     }

}