var aAbas       = new Array();  // Lista de abas do documento atual
        var sAbaAtiva   = ""                 // Define qual é a aba ativa no momento
        var ABA_ID      = 1
        var ABA_BLOCO   = 2
        var ABA_CAMPOS  = 3
        
        function defineAba(sId, sBloco){
           var aAba  = new Array(ABA_CAMPOS);
           aAba[ABA_ID]  = sId;
           aAba[ABA_BLOCO]  = sBloco;
           aAbas.push(aAba);
        }

        function defineAbaAtiva(sId){
           trataCliqueAba(sId);
        }

        function trataMouseAba(oAba){ // O cursor sobre a aba
           oAba.style.cursor  = "pointer";
        }

        function trataCliqueAba(sId){
           for (var iAba  = 0; iAba < aAbas.length; iAba++){
              var aAba  = aAbas[ iAba ];

              if (aAba[ ABA_ID ] == sId) ativaAba(aAba);

              else inativaAba(aAba);
           }
		   window.scrollTo(0, 230);
        }

        function ativaAba(aAba){
           var sAba       = aAba[ ABA_ID ];
           var oAba       = $(sAba);
           mudaClasse(oAba, "bordaBox2"); // Esse comando chama a classe  css para fazer a troca

           var sBlocoAba  = aAba[ ABA_BLOCO ];
           var oBlocoAba  = $(sBlocoAba);
           oBlocoAba.style.display  = "block";
        }

        function inativaAba(aAba){
           var sAba       = aAba[ ABA_ID ];
           var oAba       = $(sAba);
           mudaClasse(oAba, "bordaBox"); // Esse comando chama a classe css para fazer a troca

           var sBlocoAba  = aAba[ ABA_BLOCO ];
           var oBlocoAba  = $(sBlocoAba);
           oBlocoAba.style.display  = "none";
        }
        
        function mudaClasse(oObjeto, sClasse){
           oObjeto.className  = sClasse;
        }