// JavaScript Document
function aparece(quem,speed)
{
	//Aparece o 'quem' gradativamente na velocidade especificada em speed (high, normal, slow)
	//by Micox - http://www.elmicox.com/2007/animacao-para-div-aparecer-gradativamente/

	if(typeof(quem)=='string')
	{
		quem = document.getElementById(quem);
	}
	if(typeof(window['aparece'+quem.id])!='undefined')
	{
		//esta animação já está em execucao, saio
		return true
	}
	//quem	= $(quem);
	var sty = quem.style;
	sty.visibility = 'hidden';
	var pos_init = sty.position;
	sty.position = 'absolute';
	if(sty.display=='none')
	{
		sty.display = 'block' 
	}
	var alt_init = parseInt(quem.offsetHeight);
	var lar_init = parseInt(quem.offsetWidth);
	var over_ini = sty.overflow;
	sty.overflow = 'hidden';
	sty.visibility = 'visible';
	sty.height = '0px';
	if(quem.style.width != "")
		sty.width = quem.style.width;
	else
		sty.width = '0px';
	if(typeof(timeAparece)!='undefined')
	{
		 clearInterval(timeAparece);
	}
	quem.timeAparece=null;
	var loop = function()
	{
		var alt_atu = parseInt(sty.height);
		var lar_atu = parseInt(sty.width);
		if(alt_atu < alt_init)
		{
			sty.height = (alt_atu + 5) + 'px';
			quem.style.height = sty.height;
		}
		if(lar_atu < lar_init)
		{
			if(quem.style.width != "")
				sty.width = quem.style.width;
			else
				sty.width = (lar_atu + 25) + 'px';
		}
		if(alt_atu == 0 )
		{
			sty.position = pos_init;
		}
		if(alt_atu >= alt_init && lar_atu >= lar_init)
		{
			//acabou
			clearInterval(timeAparece);
			delete window['aparece'+quem.id];
			sty.height = (alt_init) + 'px';
			if(quem.style.width != "")
				sty.width = quem.style.width;
			else
				sty.width = (lar_init) + 'px';
	
			sty.overflow = over_ini;
		}
	}
	switch(speed)
	{
		case 'hight': speed = 1; break;
		case 'normal': speed = 20; break;
		case 'slow': speed = 40; break;
		default: speed = 10;
	}
	window['aparece'+quem.id] = true;
	timeAparece = setInterval(loop,speed);
}

function desaparece(quem,speed)
{
	//Aparece o 'quem' gradativamente na velocidade especificada em speed (high, normal, slow)
	//by Micox - http://www.elmicox.com/2007/animacao-para-div-aparecer-gradativamente/
	//alert(window['desaparece'+quem.id]);
	if(typeof(quem)=='string')
	{
		quem = document.getElementById(quem);
	}
	if(typeof(window['desaparece'+quem.id])!='undefined')
	{
		//esta animação já está em execucao, saio
		return true
	}
	var sty = quem.style;
	sty.visibility = 'visible';
	var pos_init = sty.position;
	sty.position = 'relative';
	var alt_init = parseInt(quem.offsetHeight);
	var lar_init = parseInt(quem.offsetWidth);
	var over_ini = sty.overflow;
	sty.overflow = 'hidden';
	sty.visibility = 'visible';
	
	sty.height = alt_init;
	
	if(quem.style.width != "")
		sty.width = quem.style.width;
	else
		sty.width = '0px';
	
	if(typeof(timeDesaparece)!='undefined')
	{
		 clearInterval(timeDesaparece);
	}
	quem.timeDesaparece=null;
	var loop = function()
	{
		var alt_atu = parseInt(sty.height) -1;
		var lar_atu = parseInt(sty.width) - 1;
		var num 	= 5;
		if(alt_init > alt_atu)
		{
			if(alt_atu < 5)
			{
				sty.height = '0px';
			}
			else
				sty.height = (alt_atu - 5) + 'px';
		}
		if(lar_init > lar_atu)
		{
			if(quem.style.width != "")
				sty.width = quem.style.width;
			else
				sty.width = (lar_atu - 25) + 'px';
		}
		if(alt_atu == 0 )
		{
			sty.position = pos_init;
		}
		if(alt_atu <= 0  && lar_atu <= lar_init)
		{
			//acabou
			clearInterval(timeDesaparece);
			delete window['desaparece'+quem.id];
			sty.height = (alt_init) + 'px';
			sty.width = (lar_init) + 'px';
			sty.overflow = over_ini;
			if(sty.display=='block')
			{
				sty.display = 'none' 
			}
		}
	}
	switch(speed)
	{
		case 'hight': speed = 1; break;
		case 'normal': speed = 20; break;
		case 'slow': speed = 40; break;
		default: speed = 10;
	}
	window['desaparece'+quem.id] = true;
	timeDesaparece = setInterval(loop,speed);
}

/*function menu(div)
{
	div_atual	= $("sub_m");
	div_nova	= $(div);
	if(div_atual.value == "")
	{
		aparece(div_nova,"hight");
	}
	else if(div_atual.value != div)
	{
		//alert("aki");
		desaparece(div_atual.value,"hight");
		aparece(div_nova,"hight");
	}
	else if(div_atual.value == div)
	{
		desaparece(div_nova,"hight");
	}
	div_atual.value = div;
}
function ssmenu()
{
	sub_m 	= $("sub_m");
	valor	= sub_m.value;
	if(valor != "")
	{
		desaparece(valor,'hight');
		sub_m.value	= "";
	}
}*/
