var elemShowBreadListPopupMenu = null;

/**
 * ポップアップメニューを開閉する
 * @param event イベント
 * @param id    大ジャンルID
 */
function toggleBreadListPopup(event, elemId)
{
	var target = event.target || event.srcElement;
	
	var elemBox = document.getElementById(elemId);
	
	if ('block' != elemBox.style.display)
	{
		if (elemShowBreadListPopupMenu)
			elemShowBreadListPopupMenu.style.display = 'none';
	}
	else
	{
		hidePopup(event, elemId);
		return;
	}
	
	var left = target.offsetLeft;
	var top = target.offsetTop + target.offsetHeight;
	
	// IE向け追加処理
	if (document.all)
	{
		var parent = target.offsetParent;
		while (parent)
		{
			left+= parent.offsetLeft;
			top+= parent.offsetTop;
			
			parent = parent.offsetParent;
		}
		
		// IE6補正
		if (typeof document.documentElement.style.msInterpolationMode == 'undefined')
		{
			left-= elemBox.offsetParent.offsetParent.offsetLeft;
			top-= elemBox.offsetParent.offsetTop;
		}
	}
	
	elemBox.style.left = left + 'px';
	elemBox.style.top = top + 'px';
	elemBox.style.display = 'block';
	
	document.body.onclick = hideBreadListPopupNow;
	elemShowBreadListPopupMenu = elemBox;
	
	event.cancelBubble = true;
	
	return false;
}

/**
 * 今開いているポップアップメニューを閉じる
 * @param event イベント
 */
function hideBreadListPopupNow(event)
{
	if (null == elemShowBreadListPopupMenu)
		return;
	
	elemShowBreadListPopupMenu.style.display = 'none';
	elemShowBreadListPopupMenu = null;
}

/**
 * ポップアップメニューを閉じる
 * @param event イベント
 * @param id    広域ID
 */
function hideBreadListPopup(event, elemId)
{
	var target = event.target || event.srcElement;
	
	var elemBox = document.getElementById(elemId);

	elemBox.style.display = 'none';
	
	if (elemBox == elemShowBreadListPopupMenu)
		elemShowBreadListPopupMenu = null;
}