jQuery(document).ready(function(){
  var i = 1;
  var personagens = [
    {"texto":null,"imagem":null},
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Beiçudinho</h1><br/><p>Nervosinho, com jeito de chateado e impaciente. A &uacute;nica coisa que n&atilde;o acha defeito &eacute; em nosso Pai do C&eacute;u; no resto, n&atilde;o tem perd&atilde;o. Mas quando v&ecirc; algu&eacute;m ajudando outras pessoas, procura seguir o mesmo caminho</p></a>","imagem":"personagens/home/1-beicudinho.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Biscoitu</h1><br /><p>Cachorrinho pequenino, mas muito valente. É dorminhoco, preguiçoso e fica sempre grudado com o Kako e o Muralha, amigo e parceiro fiel de suas confusões.</p><br/></a>","imagem":"personagens/home/2-biscoitu.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Cabelinho</h1><br /><p>Sempre alegre, esperto e inteligente. É fanático por futebol. Uma das únicas coisas que o desgruda de sua paixão, é quando o Lentinha fala sobre Jesus Cristo, ou quando Kako o convida para aprontar das suas. É apaixonado pela Natália, que é uma doce de menina.</p></a>","imagem":"personagens/home/3-cabelinho.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Kako</h1><br/><p>Sempre muito brincalhão, ama aprontar com a turma. Muitas vezes fala em gírias. Suas brincadeiras e travessuras são totalmente infantis e sem maldade. Fica apenas querendo se divertir. Seu maior defeito é que suas brincadeiras parecem nunca terem fim.</p></a>","imagem":"personagens/home/4-kako.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Lentinha</h1><br/><p>Menino tranquilo, estudioso e inteligente. Faz todo tipo de leitura, mas sua maior dedicação é a Bíblia Sagrada. Ama seus amigos, mas poucas vezes está se divertindo com eles.</p></a>","imagem":"personagens/home/5-lentinha.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou a Natália</h1><br/><p>Menina delicada, alegre, dengosa e escandalosa. Gosta muito de ajudar as pessoas e participar de tudo o que acontece com a turma. Quando alguém discorda de alguma coisa que ela quer muito, ela apronta o maior berreiro. Sua maior dádiva divina é a fé!</p></a>","imagem":"personagens/home/6-natalia.png"},     
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Muralha</h1><br/><p>Menino forte, gordinho, briguento e comilão. Está sempre pronto para defender seus amiguinhos. Sua maior dificuldade é na hora de estudar. Sua fonte de sabedoria é seu amigo Lentinha. Está na maioria das vezes encrencado com o Kako, que não o deixa em paz!</p></a>","imagem":"personagens/home/7-muralha.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou o Pingo</h1><br/><p>Menino tímido, desligado, ingênuo e atrapalhado. Suas ações são sempre muito lentas. Está sempre com muito medo, mas gosta muito de andar de skate. Sua grande amiga é a Karen, que sempre lhe ajuda quando está em apuros.</p></a>","imagem":"personagens/home/8-pingo.png"}, 
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou a Verônica</h1><br/><p>Orgulhosa e vaidosa, preocupa-se a todo momento com sua aparência. Está sempre participando das brincadeiras com a turma, embora seja um pouco individualista.</p></a>","imagem":"personagens/home/9-veronica.png"},
    {"texto":"<a href='personagens.html' target='_self'><h1>Oi, eu sou a Karen!</h1><br /><p>Menina doce, sentimental e corajosa. Sempre partici-<br /> pativa, fica atenta à beleza das coisas e preocupada com os problemas das pessoas. </p></a>","imagem":"personagens/home/10-karen.png"}
  ];
  var total = personagens.length;
  
  jQuery("#next").click(function (){
 
    if(i+1 != total)
      i++;     
    else
      i = 1;        
   
    item = personagens[i];
    jQuery("#subbox_left_2_box").html(item.texto);
    jQuery("#person_left_2_box img").attr("src","images/" + item.imagem);
   
  });

  jQuery("#prev").click(function(){
   
    if(i-1 != 0)
      i--;    
    else 
      i = total-1;

    item = personagens[i];
    jQuery("#subbox_left_2_box").html(item.texto);
    jQuery("#person_left_2_box img").attr("src","images/" + item.imagem);

  });
});