function Abas(id){
	var aba
	var divsFilhos = new Array()
	var indiceSelecionado
	var abaSelecionada, conteudoSelecionado
	var totalDivs, metadeTotalDivs
	var funcaoControle
	function construct(){
		aba = document.getElementById(id)
		aba.className = 'abas'
		filhos = aba.childNodes
		for(i=0;i<filhos.length;i++) if(filhos[i].tagName=='DIV') divsFilhos.push(filhos[i])
		totalDivs = divsFilhos.length
		metadeTotalDivs = totalDivs/2
		for(i=0;i<totalDivs;i++){
			if(i<metadeTotalDivs){
				divsFilhos[i].className = 'aba'
				divsFilhos[i].setAttribute('indice',i)
				divsFilhos[i].onclick = function(){
					apresenta(this.getAttribute('indice'))
				}
			}else divsFilhos[i].className = 'conteudo'
		}
		apresenta(0)
	}
	function apresenta(indice){
		indiceSelecionado = parseFloat(indice)
		if(abaSelecionada) abaSelecionada.className = 'aba'
		abaSelecionada = divsFilhos[indiceSelecionado]
		abaSelecionada.className = 'aba_selecionada'
		if(conteudoSelecionado) conteudoSelecionado.style.display = 'none'
		conteudoSelecionado = divsFilhos[parseFloat(indiceSelecionado)+metadeTotalDivs]
		conteudoSelecionado.style.display = 'block'
		if(funcaoControle) funcaoControle(indiceSelecionado)		
	}
	function setFuncaoControle(funcao){
		funcaoControle = funcao
		apresenta(indiceSelecionado)
	}
	function foca(elemento){
		p = elemento
		while(p.parentNode){
			if(p.parentNode.className=='abas'){
				for(i=metadeTotalDivs;i<divsFilhos.length;i++){
					if(p==divsFilhos[i]){
						apresenta(i-metadeTotalDivs)
						elemento.focus()
					}
				}
				return
			}else p = p.parentNode
		}
	}
	this.setFuncaoControle = setFuncaoControle
	this.apresenta = apresenta
	this.foca = foca
	construct()
}