/*

drop-down menu

*/

var activeSubmenuIndex = -1;
var delayedHideSubmenuIndex = -1;
var hideSubmenuTimeout = null;

function showSm( index )
{
	var sm = document.getElementById( 'sm' + index );

	if ( ( index != activeSubmenuIndex ) && ( activeSubmenuIndex >= 0 ) )
		hideSm( activeSubmenuIndex );

	if ( index == delayedHideSubmenuIndex )
	{
		clearTimeout( hideSubmenuTimeout );
		hideSubmenuTimeout = null;
	}

	if ( sm.style.display != 'block' )
	{
		activeSubmenuIndex = index;
		sm.style.display = 'block';
	}
}

function hideSm( index )
{
	if ( index >= 0 )
	{
		var sm = document.getElementById( 'sm' + index );
		if ( sm.style.display == 'block' )
		{
			sm.style.display = 'none';
			if ( activeSubmenuIndex == index )
				activeSubmenuIndex = -1;
		}
	}
}

function delayedHideSm( index )
{
	if ( activeSubmenuIndex == index )
	{
		delayedHideSubmenuIndex = index;
		clearTimeout( hideSubmenuTimeout ); // cancel previous
		hideSubmenuTimeout = setTimeout( 'hideSm(' + index + ')', 800 );
	}
}