// JavaScript Document
//Menu class using Prototype framework
var actual = '';
var efecto;
var clase = '';

function mostrar(seccion)
{
	if(efecto){  return false; }
	if(actual == seccion){  return false; }
	//ocultar(actual);
	//pone la clase de no activo en el boton anterior
	var id = $(actual).id.split("_");
	id = id[1];
	$('b_opcion_'+id).className = clase;	
	
	//pone la clase de activo en el boton actual
	id = $(seccion).id.split("_");
	id = id[1];
	$('b_opcion_'+id).className = clase+'_active';
	

	
	efecto = new Effect.Fade(actual,{duration: 0.6,
			afterFinish:function(elemento){
				actual = seccion;
				efecto = new Effect.Appear(seccion,{duration: 0.6,
				afterFinish:function(elemento){
					efecto = null;
					}							  										  											  
				});				

			}
		});
	
	
}

//Calcula la altura de cada seccion al cargar la pagina
//para evitar el brinco en el efecto
Event.observe(window,'load',getHeights);

function getHeights()
{
	$$('.cuadro_info').each(function(elemento){									 
						
			//si el elemento esta oculto no calcula bien la altura asi que se muestra, la calcula y lo oculta nuevamente
			if($(elemento).style.display == 'none')
			{	
				$(elemento).style.display = 'inline';
				$(elemento).style.height = ($(elemento).getHeight()+10)+'px';	
				$(elemento).style.display = 'none';
			}
			else
				$(elemento).style.height = ($(elemento).getHeight()+10)+'px';
			//$(elemento).style.display = 'none';
			//$(elemento).style.border = '#666 solid 1px';
	});
	
}