// JavaScript Document
// Sistemita 2

function mostrar_element(element) {

	element.style.visibility = 'visible';
	element.style.height = "auto";
	element.style.display = "block";

	
}
	
function ocultar_element(element) {
	var objeto2 = element;

	objeto2.style.visibility = 'hidden';
	objeto2.style.height = '' ;
	objeto2.style.display = "none";

}

function rotar_tag(id_element)
{
		
	// Obtenemos el elemento con id id_element
	var el = document.getElementById(id_element);        
	// Ahora obtenemos todos los elementos con tag DIV que hay
	// dentro del elemento 'el'
	var as = el.getElementsByTagName('div');
	// Y finalmente recorremos el array de elementos para ocultar y mostrar
	//
	// Optenemos la posicion del elemento que actualmente se esta mostrando y lo ocultamos
	//
	var pos;
	for (var i=0; i<as.length; i++) 
	{   
		if( as[i].style.display == "block" )
		{    
			pos = i; 
			ocultar_element(as[i]);
		}	
	}
	
	// Mostramos el siguiente elemento
	//
	var next_pos;
	if( pos == (as.length - 1) ) next_pos = 0;
	else next_pos = pos + 1;
	
	mostrar_element(as[next_pos]);

}