// depois que terminar de ler toda a pagina (document), executa a funo
$( document ).ready( function(){

	/*  MENU LATERAL */	
	
	$( "#wt_menu > #menu > li > a.seta" ).click( function()
		{
			var visible = $( "#menu > li" ).children( "ul:visible" );
			var li = $( this ).parent( "li" );
			
			if ( visible.get() != "" && visible.html() != $( this ).children( "ul").html() )
			{
				visible.toggleAnim( 'hide' );
				visible.parent( 'li' ).toggleClass( 'ativo' );
			}
			setSubmenu( 'slow', li );
		}
	);
	// se a página for um subitem, abre o menu automaticamente
	setSubmenu( 50, "#menu > li.ativo" );
});

// configura os submenus
// recebe a velocidade (number ou string) de animacao
function setSubmenu( vel, elm )
{
	var li = $( elm );
	if ( li.children( "ul" ).get() != "" )
	{
		if( li.children( 'ul:visible' ).get() == "")
		{
			li.children( 'ul' ).slideDown( vel, function()
				{
					$( "#menu > li > ul > li" ).hover(
						function()
						{
							$( this ).children( "ul" ).show();
						}
						,function()
						{
							$( this ).children( "ul" ).hide();	
						}
					)
				}
			);
			
			li.addClass( 'ativo' );
		}
		else
		{
			//li.children( 'ul' ).hide( "slow" );
			li.removeClass( 'ativo' );
		}
				
		if ( li.attr("initEv") != "1" )
		{
			li.attr("initEv", "1");
			
			menuLiHoverClass();
		}
	}
}

function menuLiHoverShow()
{
	$( "#menu > li > ul > li" ).hover(
		function()
		{
			$( this ).children( "ul" ).slideDown();
		}
		,function()
		{
			$( this ).children( "ul" ).slideUp();	
		}
	)
}

function menuLiHoverClass()
{
	$( "#menu > li > ul > li > ul" ).hover(
		function()
		{
			$( this ).parent( "li" ).addClass( 'ativo' );	
		}
		,function()
		{
			$( this ).parent( "li" ).removeClass( 'ativo' );	
		}
	);	
}

// Funo reponsavel pela animação de mostrar/esconder elementos
jQuery.fn.toggleAnim = function( value, callBack )
{
	this.each( function()
	{
		jQuery( this ).animate(
			{ height: value },
			'slow',
			callBack
		);
	});
}