// Cross-browser getElementById
function getElement( id )
{
	var object = null;
   
	if( document.layers )
	{
		object = document.layers[ id ];
	} else if( document.all )
	{
		object = document.all[ id ];
	} else if( document.getElementById )
	{
		object = document.getElementById( id );
	}

	return object;
}

// Browser detection
function detectBrowser()
{
	var browser = navigator.appName;
	
	return browser;
}

function openMenu( parent, item )
{
	var p = getElement( parent );
	var c = getElement( item );
		
	clearInterval( c.timer );
	
	if( p && c )
	{
		c.style.display = 'block';
		c.style.left = '-' + p.offsetWidth + 'px';
		c.style.height = 'auto';
	}
}

function closeMenu( parent, item )
{
	var p = getElement( parent );
	var c = getElement( item );
	
	if( p && c )
	{
		c.style.postion = 'relative';
		c.style.display = 'none';
		c.style.left = '-' + p.offsetWidth + 'px';
		c.style.height = 'auto';
	}
}

function toggleMenu( str )
{
	var menu = getElement( str );
	
	if( menu )
	{
		if( menu.style.display == 'block' )
		{
			menu.style.display = 'none';
		}
		else
		{
			menu.style.display = 'block';
			getElement( "btn_5" ).src = 'kuvat/btn_5_hover.png';
		}
	}
}

function swapImage( str )
{
	var img = eval( 'document.' + str );
	var path = img.src;

	if( str == "btn_5" )
	{
		var element = getElement( "menu" );

		if( element.style.display != 'block' )
		{
			if( path.indexOf( 'hover' ) == -1 )
			{
				img.src = 'kuvat/btn_5_hover.png';
			}
			else
			{
				img.src = 'kuvat/btn_5.png';
			}
		}
	}
	else
	{
		if( path.indexOf( 'hover' ) == -1 && path.indexOf( 'active' ) == -1 )
		{
			img.src = 'kuvat/' + str + '_hover.png';
		}
		else
		{
			if( path.indexOf( 'active' ) == -1 )
			{
				img.src = 'kuvat/' + str + '.png';
			}
		}
	}
}