// JavaScript Document

function ulAba_class( indice_id, paginas_id ){
	var self = this;
	var indice_ul = document.getElementById( indice_id );
	var paginas_ul = document.getElementById( paginas_id );
	
	var paginas_lis = null;
	
	this.open = function( indice ){
		
	}
	
	function setIndiceIdx(){
		paginas_lis = paginas_ul.getElementsByTagName("li");
		for( var i=0; i < paginas_lis.length; i++)
			paginas_lis[i].style.display = 'none';
		var as = indice_ul.getElementsByTagName("a");
		for( var i=0; i < as.length; i++ ){
			var a = as[i];
			a.idx = i;
			a.pag_id = paginas_id;
			a.ind_id = indice_id;
			addEventLis( a, 'click', function( e ){
				var evt = new ev(e);
				evt.bloquear();
				var idx = evt.e.target.idx;
				var pid = evt.e.target.pag_id;
				var lis = document.getElementById( pid ).getElementsByTagName("li");
				for( var i=0; i < lis.length; i++ ){
					lis[i].style.display = ( i == idx )?('block'):('none');
				}
				pid = evt.e.target.ind_id;
				var lis = document.getElementById( pid ).getElementsByTagName("li");
				for( var i=0; i < lis.length; i++ ){
					lis[i].className = ( i == idx )?('ativo'):('');
				}
			});
		}
	}
	
	setIndiceIdx();
}

addEventLis( window, 'load', function(){
	var ulAba_obj = new ulAba_class('indice', 'paginas');
	
});