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';
		var menuFix = document.getElementById( 'menuFix' );
		menuFix.style.display = 'block';
		document.getElementById( 'parent'+index ).style.backgroundColor = '#7a8678';
	}
}
function hideSm( index )
{
	if ( index >= 0 )
	{
		var sm = document.getElementById( 'sm' + index );
		var menuFix = document.getElementById( 'menuFix' );
			
		if ( sm.style.display == 'block' )
		{
			sm.style.display = 'none';
			menuFix.style.display = 'block';
			document.getElementById( 'parent'+index ).style.backgroundColor = '#002441';

			if ( activeSubmenuIndex == index )
				activeSubmenuIndex = -1;
		}
	}
}

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

function keepMenu( index )
{
	if ( activeSubmenuIndex == index )
	{
		showSm( index );
	}
}

function swapImage( url )
{
	/*document.getElementById( 'visibleImage' ).src = '/img/'+ url +'?f=fitIn&w=598&h=220' ;*/
	document.getElementById( 'visibleImage' ).src = '/img/'+ url +'.jpg' ;
}