var t, actual;
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);
clearTimeout(t);
t = setTimeout( function(){select((i + 1) % galeria.length);}, 2000);
}
function generar_selector(){ // regenera la botonera
var selector = $("#selector");
selector.html("");
localStorage.gallery = localStorage.gallery || JSON.stringify(galeriaOriginal);
galeria = JSON.parse(localStorage.gallery);
galeria.forEach(function(elem,i) {
selector.append("
");
});
}
$(function (){
generar_selector();
// Pulsamos editar cita
$("#editar").on("click", function(){
clearTimeout(t);
$("#datos").css("display", "block");
if ($("#editar img").attr("src") == "../img/carat-d-white.svg") {
$("#editar img").attr("src", "../img/carat-u-white.svg");
$("#persona_d").html(galeria[actual].persona);
$("#frase_d").html(galeria[actual].frase);
$("#foto_d").html(galeria[actual].foto);
//$("#datos").show();
} else {
$("#editar img").attr("src", "../img/carat-d-white.svg");
$("#datos").css("display", "none");
//$("#datos").hide();
}
})
// Pulsamos crear nueva cita
$("#nuevo").on("click", function(){
$("#datos").css("display", "none");
actual = galeria.push({ //añade una nueva cita al array "galeria"
persona:$("#persona_d").html(),
frase:$("#frase_d").html(),
foto:$("#foto_d").html()
}) - 1;
$("#borrar").show();
$("#guardar").show();
localStorage.gallery = JSON.stringify(galeria);
generar_selector();
$("#editar img").attr("src", "../img/carat-d-white.svg");
select(actual);
});
// Pulsamos borrado de cita
$("#borrar").on("click", function(){
$("#datos").css("display", "none");
galeria.splice(actual, 1);
localStorage.gallery = JSON.stringify(galeria);
generar_selector();
$("#editar img").attr("src", "../img/carat-d-white.svg");
if (galeria.length > 0) {
select(0);
} else if (galeria.length === 0) {
$("#persona").html("");
$("#frase").html("");
$("#foto").attr("src","");
$("#guardar").hide(); //al borrar todos los elementos se deshabilita la opción
$("#borrar").hide(); //guardar y borrar
}
});
// Funcion Para Actualizar Datos de Citas
$("#guardar").on("click", function(){
$("#datos").css("display", "none");
galeria[actual].persona = $("#persona_d").html();
galeria[actual].frase = $("#frase_d").html();
galeria[actual].foto = $("#foto_d").html();
localStorage.gallery = JSON.stringify(galeria);
generar_selector();
$("#editar img").attr("src", "../img/carat-d-white.svg");
select(actual);
});
// Funcion Para Regenerar las Citas Originales
$("#deshacer").on("click", function(){
$("#datos").css("display", "none");
var confirmacion = confirm("¿Confirmas el borrado de todos los cambios y la regeneración las citas iniciales? ")
if (confirmacion===true)
{
localStorage.gallery = JSON.stringify(galeriaOriginal);
generar_selector();
select(0);
alert("Se han cargado las citas Originales");
}
})
// Para cuando le click sobre el selector
$("#selector").on("click", function(){
$("#editar img").attr("src", "../img/carat-d-white.svg");
$("#datos").css("display", "none");
})
select(0);
});