$(document).ready(function() 
{
	// Comportamiento del menú lateral
	var botones = $('#menuFamilias li a[class]');
	botones.mouseover(botonLateralOver);
	botones.mouseout(botonLateralOut);
	
	// Funcionamiento de los menus desplegables
	var desplegables = $('#menuSecciones li:has(.submenu)');
	desplegables.mouseover(mostrarSubmenu);
	desplegables.mouseout(ocultarSubmenu);
	desplegables.children('.submenu').css( { 'visibility':'hidden' } );
	//botones.css( { 'display':'block', 'float':'right' } );
	
	// Procedimientos de eventos
	function botonLateralOver() 
	{
		//$(this).parent().stop().animate( { 'margin-left':-150 }, { queue:false, duration:500, easing:'easeOutBack' } );
		$(this).animate( { 'padding-right':10, 'padding-left':25, 'margin-left':-50 }, { queue:false, duration:500, easing:'easeOutBack' } );
	};
	
	function botonLateralOut() 
	{
		//$(this).stop().animate( { 'padding-right':0 }, { queue:false, duration:500, easing:'easeOutBack' } );
		$(this).animate( { 'padding-right':0, 'padding-left':15 }, { queue:false, duration:500, easing:'easeOutExpo' } );
	};
	
	function mostrarSubmenu()
	{
		var submenu = $(this).children('.submenu');
		var listado = submenu.children('ul');
		$(this).children('a:first-child').addClass('botonDesplegado');
		
		if(listado.css('max-height') == 'none') listado.css('max-height', listado.height());
		var altura	= listado.css('max-height');
		
		submenu.stop();
		listado.stop();
		if(submenu.css('visibility') == 'hidden')
		{
			listado.css( { 'height':0 } );
		}
		submenu.css( { 'visibility':'visible' } );
		submenu.css( { 'margin-top':0 } );
		listado.animate( { 'height':altura }, { queue:false, duration:1000, easing:'easeOutExpo' } );
	};
	
	function ocultarSubmenu()
	{
		var submenu 		= $(this).children('.submenu');
		var listado 		= submenu.children('ul');
		var desplazamiento	= listado.children('li').position();
		var boton			= $(this).children('a:first-child');
		var altura			= 0//desplazamiento.top;
		
		submenu.stop();
		listado.stop();
		listado.animate( { 'height':altura }, { queue:false, duration:1000, easing:'easeOutExpo' } );
		submenu.animate( { 'margin-top':-25 }, { queue:false, duration:1000, easing:'easeOutExpo', complete:function() 
		{ 
			submenu.css( { 'visibility':'hidden' } )	
		} } );
		boton.removeClass('botonDesplegado')
	}
	
} );