var t, actual;
function select(i){
actual = i;
$(".contenido 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(){
var selector = $("#selector");
selector.html("");
galeria.forEach(function(elem, i){
selector.append("
");
});
}
$(function(){
generar_selector();
$("#editar").on("click", function(){
clearTimeout(t);
$("#persona_d").html(galeria[actual].persona);
$("#frase_d").html(galeria[actual].frase);
$("#foto_d").html(galeria[actual].foto);
$("#datos").css("display", "block");
});
$("#nuevo").on("click", function(){
$("#datos").css("display", "none");
actual = galeria.push({
persona:$("#persona_d").html(),
frase:$("#frase_d").html(),
foto:$("#foto_d").html()
}) - 1;
generar_selector();
select(actual);
});
$("#borrar").on("click", function(){
$("#datos").css("display", "none");
actual = galeria.splice(actual, 1);
generar_selector();
select(0);
});
$("#guardar").on("click", function(){
$("#datos").css("display", "none");
var editado = {persona:$("#persona_d").html(),
frase:$("#frase_d").html(),
foto:$("#foto_d").html()};
actual = galeria.splice(actual, 1, editado);
generar_selector();
select(0);
});
select(0);
});