/*
        Para utilizar este Plugin é necessario apenas;
            1º: Que as abas sejam feitas numa estrutura de lista onde dentro de cada <li> tenha um <img> (esta imagem é o botão) como mostra o exemplo 1:

                EXEMPLO 1:
                <ul id="abas">
                  <li class="aba"><img src="../../images/bt-galerias-mais-recentes-on.jpg" width="187" height="32" alt="" title="" /></li>
                  <li class="aba"><img src="../../images/bt-galerias-mais-vistas-off.jpg" width="164" height="32" alt="" title="" /></li>
                </ul>

                OBS: as imagens devem terminar com o prefixo (-off) para o botão oculto e (-on) para o botão ativo. Veja o exemplo 2:

                EXEMPLO 2:
                Se tens um botão contatos, o nome da imagem ativa deverá ser contatos-on.jpg ou contatos.gif;
                e da imagem oculta deverá ser contatos-off.jpg ou contatos.gif

            2º: anexar o arquivo abas1.0.js e a biblioteca do jQuery.

            3º: Colocar no <ul> ou no <ol> o id abas. Do mesmo modo do exemplo 1 acima

            4º: Colcar em cada div que conterá o conteudo de uma aba a class conteudo-aba
       */
       function nomeImg(nome){
         n= nome.length;
         r= n-8;
         c= nome.charAt(r);

         if(c != "-"){
             r= n-7;
             c= nome.charAt(r);
         }
         nomeVirgem= nome.substr(0,r);
         return nomeVirgem;
       }

       $(document).ready(function(){
          $('.conteudo-aba').css("display","none");
          $('.conteudo-aba:first').show();

          var obj= $("#abas").children();
          $(obj).each(function(i){
            $(this).attr("id","aba"+i);
          });

          var obj2= $(".conteudo-aba");
          $(obj2).each(function(i){
            $(this).attr("id","conteudo-aba"+i);
          });

          $(".aba").click(function(){
            var id= $(this).attr("id");
            
            $(".aba").each(function(){
              r= nomeImg($(this).children("IMG").attr("src"));
              $(this).removeClass("aba-atual");
              $(this).children("IMG").attr("src",r+"-off.jpg");
            });

            r= nomeImg($(this).children("IMG").attr("src"));
            $(this).addClass("aba-atual");
            $(this).children("IMG").attr("src",r+"-on.jpg");

            $(".conteudo-aba").removeClass("conteudo-aba-atual");
            $(".conteudo-aba").hide();
            $("#conteudo-"+id).addClass("conteudo-aba-atual");
            $("#conteudo-"+id).show();
          });
       });