// JavaScript Document
/*AUTOR: LUIS ALFREDO ARIAS SANCHEZ comp1939@hotmail.com */

var menuChap=null;
var menuGuad;
var menuPto;
var ultimoMenu=null; //inidica cual fue el ultimo menu seleccionado
var lastAction=null; //indica la ultima accion 
var acciones={OCULTAR:0, MOSTRAR:1}; //objeto que contiene las constantes de movimiento

function cargaMenus(){

menuChap=document.getElementById('menuChap');
menuGuad=document.getElementById('menuGuad');
menuPto=document.getElementById('menuPto');

}

function menuMotion(menu)
{
	
	var elemento;
	
		
		if(ultimoMenu==menu && lastAction ==acciones.MOSTRAR)
		{
			lastAction=acciones.OCULTAR;
			accion(menu, acciones.OCULTAR);
			ultimoMenu=menu;			
		}
		else if(ultimoMenu==menu && lastAction==acciones.OCULTAR || ultimoMenu==null )
		{
			lastAction=acciones.MOSTRAR;
			accion(menu, acciones.MOSTRAR);
			ultimoMenu=menu;
			
		}
		else if(ultimoMenu!=menu && lastAction==acciones.MOSTRAR)
		{
			
			accion(ultimoMenu, acciones.OCULTAR);
			lastAction=acciones.MOSTRAR;
			accion(menu,acciones.MOSTRAR);
			ultimoMenu=menu;
		}
		else if(ultimoMenu!=menu && lastAction==acciones.OCULTAR)
		{
			lastAction=acciones.MOSTRAR;
			accion(menu, acciones.MOSTRAR);
			ultimoMenu=menu;
			
		}
		
		
		function accion(numMenu, action)
		{
			
			switch(numMenu)
			{
				case 1:
	
					elemento=menuChap;
	
				break;
		
				case 2:
		
					elemento=menuGuad;
		
				break;
	
				case 3:
					elemento=menuPto;
		
				break;
			} // switch
				
			if(action==acciones.OCULTAR)
			{
			
				decrecer(elemento);
			
			}
			else
			{
				
				crecer(elemento);
				
			} //else de if(action==acciones.OCULTAR)
			
		} //function accion
		
} // function menuMotion

var hilo, hilo1;

function crecer(elemento)
{
	
	
	clearInterval(hilo);
	
	cont=10;
	
	elemento.style.visibility='visible';
	hilo=setInterval(efecto, 1);
		
	function efecto()
	{
		
				
				
		if(cont==118)
		{
		
			clearInterval(hilo);
			cont=0;
			
		}
		else
		{
			
			cont+=2;
		
			elemento.style.height=(cont)+"px";
			elemento.style.opacity=cont/125;
			elemento.style.filter='alpha(opacity='+cont+')';
		
			
		} // else de if(cont==20)
				
				
	} // function interna efecto
	
}


function decrecer(elemento)
{
	clearInterval(hilo1); //limpiar el hilo si aun se esta ejecutando otra instancia
	
	cont1=120;
			
	hilo1=setInterval(efecto1, 1);
	
	
	function efecto1()
	{
			
			
		if(cont1==10)
		{
		
			elemento.style.visibility='hidden';
			clearInterval(hilo1);
			cont1=0;
					
		}
		else
		{
			
			cont1-=2;
		
			elemento.style.height=cont1+"px";
			elemento.style.opacity=cont1/100;
			elemento.style.filter='alpha(opacity='+cont1+')';
		
			
		}
			
	}
	
	
}