
/*** 
ポップアップメニュー表示に利用。
***/


function changeOnColor(id)
{
	var target = document.getElementById( id );

	target.style.backgroundImage='url(images/left_menu2.jpg)';
	target.style.backgroundColor='#6585B8';
}


function changeOffColor(id){
	var target = document.getElementById( id );

	target.style.backgroundImage='url(images/left_menu.jpg)';
	target.style.backgroundColor='#F5F5F5';
}

var timer_id = null;
function showMenu(parent, id)
{
	var target = document.getElementById( id );
	var top = 0;
	var left = 0;
	var obj = parent.offsetParent;
	for( ;; )
	{
		if( ! obj )
			break;

		top += obj.offsetTop;
		left += obj.offsetLeft;

		obj = obj.offsetParent;
	}

	target.style.top = top + parent.offsetTop + parent.offsetHeight;
	target.style.left = left + parent.offsetLeft;
	target.style.display = '';
	if( timer_id )
	{
		clearTimeout( timer_id );
		timer_id = null;
	}
}

function onMouseMenu()
{
	if( timer_id )
	{
		clearTimeout( timer_id );
		timer_id = null;
	}
}

function hiddenMenu(id)
{
	timer_id = setTimeout( "closeMenu('"+id+"')", 80 );
}

function closeMenu(id)
{
	var submenu = document.getElementById( id );
	submenu.style.display = 'none';
	timer_id = null;
}

