var _selMenu = null;
var _onHover = false;

var _subMenuObj = null;
var _parentMenu = null;

var _clientHeight = 0;
var _clientWidth = 0;
var _imgURL = "";
var _designURL = "";
var _waitImgPath = "images/wait.gif";

function getNextSiblingTag(obj)
{
	var nextObj = obj.nextSibling;
	if (!nextObj) return null;
	
	while (nextObj.nodeType != 1)
	{
		nextObj = nextObj.nextSibling;
		if (nextObj == null) return null;
		if (nextObj == obj.lastChild) return null;
	}
	return nextObj;
}

function openSubMenu(obj, flg)
{
	var subMenu = getNextSiblingTag(obj);
	_subMenuObj = subMenu;

	if (subMenu != null)
	{
		subMenu.style.display = (flg) ? "block" : "none";
	}
}

function clearSubMenu()
{
	if (_subMenuObj != null)
	{
		_subMenuObj.style.display = "none";
		_subMenuObj = null;
	}
}

function switchSubMenu(obj)
{
	if ((_subMenuObj != null) && (obj == _parentMenu))
	{
		clearSubMenu();
	}
	else
	{
		clearSubMenu();
		openSubMenu(obj, true);
		_parentMenu = obj;
	}
	return false;
}

function hoverMenu(obj, flg)
{
	_selMenu = obj;
	_onHover = flg;
}


function onclickBody()
{
	if (!_onHover) clearSubMenu();
}

function magnifyImgOn(imgName, width, height)
{
	var magnifyImgBackground = document.getElementById("magnifyImgBackground");
	var magnifyImgBox = document.getElementById("magnifyImgBox");
	var magnifyImgFrame = document.getElementById("magnifyImgFrame");
	var magnifyImg = document.getElementById("magnifyImg");
	
	magnifyImg.src = _imgURL + imgName;
	
	getClientSize();
	
	var viewWidth = width + 40;
	var viewHeight = height + 40;
	
	if (viewWidth > (_clientWidth - 100)) viewWidth = (_clientWidth - 100);
	if (viewHeight > (_clientHeight - 100)) viewHeight = (_clientHeight - 100);
	
	magnifyImgBox.style.width = viewWidth + "px";
	magnifyImgBox.style.height = (viewHeight - 20) + "px";
	
	magnifyImgBox.style.left = ((_clientWidth / 2) - (getPixelValue(magnifyImgBox.style.width) / 2)) + "px";
	magnifyImgBox.style.top = ((_clientHeight / 2) - (getPixelValue(magnifyImgBox.style.height) / 2)) + getScrollPosition() + "px";
	
	magnifyImgFrame.style.width = (viewWidth - 30) + "px";
	magnifyImgFrame.style.height = (viewHeight - 30) + "px";
	
	magnifyImgBackground.style.height = getContentHeight() + "px";
	magnifyImgBackground.style.display = "block";
	magnifyImgBox.style.display = "block";
}

function magnifyImgOff(imgName)
{
	document.getElementById("magnifyImgBackground").style.display = "none";
	document.getElementById("magnifyImgBox").style.display = "none";
	document.getElementById("magnifyImg").src = _designURL + _waitImgPath;
}

function getClientSize()
{
	_clientHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
	_clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
}

function getContentHeight()
{
	return Math.max(document.body.clientHeight, document.body.scrollHeight, document.documentElement.scrollHeight, document.documentElement.clientHeight);
}

function getScrollPosition()
{
	return (document.body.scrollTop || document.documentElement.scrollTop);
}

function getPixelValue(px)
{
	return parseInt(px);
}