/**
 * Função que usa jQuery para transformar uma lista com links/âncoras e
 * blocos (div) com conteúdo em abas de navegação.
 * @param tabList string O identificador do(s) elemento(s) 'ul' (lista) que
 * contém os itens de lista com links a serem transformados em abas. Pode ser
 * um 'id' ou uma 'class'. Ex.: "#abas", "#tabs", ".abas"; 
 * @param contDiv string O indentificador dos elementos 'div' com os conteúdos
 * das abas. Deve ser uma 'class'. Ex.: ".conteudo", "div.content", "abacontent";
 * @author Arttie
 * ---------------------------------------------------------
 * Um explo de estrutura utilizado seria:
 * 	<ul id='abas'>
 * 		<li>
 * 			<a href='#tab1'>Aba 1</a>
 * 		</li>
 * 		<li>
 * 			<a href='#tab2'>Aba 2</a>
 * 		</li>
 *	</ul>
 *
 * <div id='tab1' class='conteudo'>
 * 		<p>Exemplo de conteúdo para aba1</p>
 * </div>
 * <div id='tab2' class='conteudo'>
 * 		<p>Exemplo de conteúdo para aba2</p>
 * </div>
 * 
 * Neste caso, a função seria chamada da seguinte maneira:
 * tabs('#abas', 'div.conteudo');
 * ---------------------------------------------------------
 */
function tabs(tabList, contDiv) {
	$(function(){
		// abas
		// oculta todas as abas
		$(contDiv).hide();
		// mostra somente  a primeira aba
		$(contDiv + ":first").show();
		// seta a primeira aba como selecionada (na lista de abas)
		$(tabList + " a:first").addClass("selected");
		
		// quando clicar no link de uma aba
		$(tabList + " a").click(function(event){
			//se a aba clicada for a que já está selecionada, só retorna
			if ($(this).attr('class') == 'selected')
				return false;
				
			// caso contrário, oculta todas as abas...
			$(contDiv).hide('slow');
			// tira a seleção da aba atual...
			$(tabList + " a").removeClass("selected");
			// adiciona a classe selected na clicada...
			$(this).addClass("selected");
			// e mostra a aba clicada.
			$($(this).attr("href")).show('slow');
			// Retorna falso pra nao ir para o link (âncora)
			return false;
		});
	});
}