var t, actual, editando;
/* Imprime en pantalla la cita i */
function select(i){
actual = i;
$("nav a")
.removeClass("on off")
.addClass(function(j){return(j===i)?"on":"off";});
$("#persona").html(galeria[i].persona);
$("#frase").html(galeria[i].frase);
$("#foto").attr("src", galeria[i].foto);
if (!editando) {
clearTimeout(t);
t = setTimeout( function(){select((i + 1) % galeria.length);}, 2500);
};
};
/* Construlle la botonera inferior de selección de citas */
function generar_selector(){ // regenera la botonera
var selector = $("#selector");
selector.html("");
galeria.forEach(function(elem,i) {
selector.append("
");
});
};
function cerrarEditor (){
$("#datos").css("display", "none"); // Muestra la parte de edición de citas
$('#imgEditar').attr('src', 'images/carat-d-white.svg');
editando = false;
};
/*----------------------------------
Función ready
----------------------------------*/
$(function (){
generar_selector();
/* Prepara y muestra u oculta la parte de edición */
$("#editar").on("click", function(){
if (!editando) {
clearTimeout(t); //Resetea el contador
// Rellena los div con el contenido de la cita actual
$("#persona_d").html(galeria[actual].persona);
$("#frase_d").html(galeria[actual].frase);
$("#foto_d").html(galeria[actual].foto);
$("#datos").css("display", "block"); // Muestra la parte de edición de citas
$('#imgEditar').attr('src', 'images/carat-u-white.svg');
editando = true;
} else {
cerrarEditor();
select(actual);
};
});
/* Añade una nueva cita con los datos que se han rellenado en las casillas */
$("#nuevo").on("click", function(){
cerrarEditor(); // Oculta la parte de edición
// Añade a la BBDD la nueva cita en la última posición
actual = galeria.push({
persona:$("#persona_d").html(),
frase:$("#frase_d").html(),
foto:$("#foto_d").html()
}) - 1;
generar_selector();
select(actual);
});
/* Borra la cita actual */
$("#borrar").on("click", function(){
cerrarEditor(); // Oculta la parte de edición
// Elimina la cita de la BBDD
galeria.splice(actual,1);
actual = actual % galeria.length; // Por si era la ulti y actual queda fuera de rango
generar_selector();
select(actual);
});
/* Modifica la cita actual con los datos que se han rellenado en las casillas */
$("#guardar").on("click", function(){
cerrarEditor(); // Oculta la parte de edición
// Guarda los campos de las casillas en la cita actual
galeria[actual].persona = $("#persona_d").html();
galeria[actual].frase = $("#frase_d").html();
galeria[actual].foto = $("#foto_d").html();
generar_selector();
select(actual);
});
select(0);
});