var vGruposTab = new Array();
document.observe("dom:loaded", configTabs );

function configTabs() {

	Element.addMethods( "a" , TabMethods );
	TabLinks = $$(".tab-aba")

	TabLinks.each( function(vtab , index ) {
		vGruposTab.push( vtab.readAttribute("grupo") );
	});

	vGruposTab = vGruposTab.uniq();

	vGruposTab.each( function(vgrupo , index ) {
		TabLinks = $$( "[grupo=" + vgrupo + "]" );				

		TabLinks.each( function(vtab , index2 ) {
			vtab.writeAttribute({myindex : index2 } );
			vtab.observe( "click", ClickTab.bindAsEventListener( vtab,  index2 ) );

			vcontent = $( vtab.readAttribute("conteudo") );
			if( vtab.hasClassName("ativo") )
				{vcontent.style.display = "block";}
			else
				{vcontent.style.display = "none";}

		});

	});


}


function ClickTab(el, numtab) {
	el = Event.element(el);
	while( !el.hasClassName("tab-aba" ) )
	{
		el = el.up( ".tab-aba");
	}
	TabLinks = $$( "[grupo=" + el.readAttribute("grupo") + "]" );
	TabLinks.invoke( "changeTab" , numtab )

}


var TabMethods = {
	changeTab: function( element, ntab ) {
		element = $(element);
		if( element.readAttribute("myindex") == ntab )
		{
			$( element.readAttribute("conteudo") ).style.display = "block";
			element.addClassName("ativo");
		} else
		{
			$( element.readAttribute("conteudo") ).style.display = "none";
			element.removeClassName("ativo");
		}
		
		return element;
	}
	
}