var timeout = 500;	//	Cuánto tiempo tardará en empezar a ocultarse desde que el puntero no está haciendo hover
var	submenu = 0,
	maxheight = 0,
	currentheight = 0,
	hide_timer = 0,
	rise_timer = 0,
	fall_timer = 0;

function submenu_open()
	{
	if(submenu)
		{
		submenu.style.visibility='visible';
		changesize_rise();
		}
	if(hide_timer)
		submenu_cancel_timer();
   }

function submenu_close()
	{
	if(submenu)
		changesize_fall();
//		submenu.style.visibility='hidden';
	}

function submenu_timer()
	{
	hide_timer = window.setTimeout(submenu_close, timeout);
	}

function submenu_cancel_timer()
	{
	if(hide_timer)
		{
		window.clearTimeout(hide_timer);
		hide_timer = null;
		}
	}




function changesize_rise()
	{
	if(fall_timer)
		{
		window.clearTimeout(fall_timer);
		fall_timer = null;
		}
	rise_timer = window.setTimeout(submenu_rise, 15);
	}

function changesize_fall()
	{
	if(rise_timer)
		{
		window.clearTimeout(rise_timer);
		rise_timer = null;
		}
	fall_timer = window.setTimeout(submenu_fall, 15);
	}


function submenu_rise()
	{
	if(currentheight<maxheight)
		{
		currentheight = currentheight+5;
		submenu.style.height = currentheight+'px';
		changesize_rise();
		}
	else
		submenu.style.height = maxheight+'px';
	}

function submenu_fall()
	{
	if(currentheight>0)
		{
		currentheight = currentheight-5;
		submenu.style.height = currentheight+'px';
		changesize_fall();
		}
	else
		submenu.style.visibility='hidden';
	}



function show_size()
{
	alert ('altura estilo: '+submenu.style.height+'\nAltura variable: '+currentheight);
}
function show_maxheight()
{
	alert ('maxheight: '+maxheight);
}



/*	Esto se ejecuta al cargar la página	*/
jQuery(document).ready(
	function()
	{
	/*	Asignamos las funciones a los elementos con determinadas id	*/
	jQuery('#activate_submenu').bind('mouseover', submenu_open);
	jQuery('#activate_submenu').bind('mouseout',  submenu_timer);
//	jQuery('#activate_submenu').bind('mouseout',  show_size);
//	jQuery('#activate_submenu').bind('mouseout',  show_maxheight);
	jQuery('#submenu').bind('mouseover', submenu_open);
	jQuery('#submenu').bind('mouseout',  submenu_timer);
	
	submenu = document.getElementById('submenu');
	
	//	Tomamos la altura inicial del submenu como altura máxima
	if(submenu){
		maxheight = submenu.offsetHeight-5;
	}

//	submenu.style.visibility='hidden';

//	submenu.style.height = 0;

	submenu_open();								//	 Por defecto aparece abierto

	window.setTimeout(submenu_close, 2500);		//	Se oculta automáticamente tras 2,5 segundos

	});
	
document.onclick = submenu_close;