<!--
function objDetectBrowser() {
  var strUA, s, i;
  this.isIE = false;
  this.isNS = false;
  this.version = null;
  strUA = navigator.userAgent;

  s = "MSIE";
  if ((i = strUA.indexOf(s)) >= 0) {
    this.isIE = true;
    this.version = parseFloat(strUA.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = strUA.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(strUA.substr(i + s.length));
    return;
  }

  s = "Gecko";
  if ((i = strUA.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }
}

var objDetectBrowser = new objDetectBrowser();

// 현재 활성화된 버튼을 추적하기 위한 전역 변수.
var gvActiveButton = null;

// 버튼이 아닌 다른 곳에 마우스를 클릭하면 활성화된 버튼을 비활성화로 변경.
if (objDetectBrowser.isIE)
  document.onmousedown = mousedownPage;
if (objDetectBrowser.isNS)
  document.addEventListener("mousedown", mousedownPage, true);

function mousedownPage(event) {

  var objElement;

  if (!gvActiveButton)
    return;

  if (objDetectBrowser.isIE)
    objElement = window.event.srcElement;
  if (objDetectBrowser.isNS)
    objElement = (event.target.className ? event.target : event.target.parentNode);

  if (objElement == gvActiveButton)
    return;

  if (objElement.className != "menuButton"  && objElement.className != "menuItem" &&
      objElement.className != "menuItemSep" && objElement.className != "menu")
    resetButton(gvActiveButton);
}

function mouseoverButton(objMnuButton, strMenuName) {
  if (gvActiveButton && gvActiveButton != objMnuButton) {
    resetButton(gvActiveButton);

  if (strMenuName)
    clickButton(objMnuButton, strMenuName);
  }
}

function clickButton(objMnuButton, strMenuName) {

  objMnuButton.blur();

  if (!objMnuButton.menu)
    objMnuButton.menu = document.getElementById(strMenuName);

  if (gvActiveButton && gvActiveButton != objMnuButton)
      resetButton(gvActiveButton);
  if (gvActiveButton)
    resetButton(objMnuButton);
  else
    pulldownMenu(objMnuButton);

  return false;
}

function pulldownMenu(objMnuButton) {

  objMnuButton.className = "menuButtonActive";

  // 익스플로러의 경우, 첫 번째 메뉴 아이템에 대한 명확한 폭을 명시해 주도록 한다.
  // 만일 이 부분을 설정하지 않으면 마우스로 메뉴 아이템 오버시 텍스트 위에 올려놓을 때만
  // 반전된다. 만일 텍스트가 아닌 메뉴 아이템 영역 위로만 갖다 놔도 반전시키려면
  // 이 부분을 설정해 줘야 한다.
  if (objDetectBrowser.isIE && !objMnuButton.menu.firstChild.style.width) {
    objMnuButton.menu.firstChild.style.width = objMnuButton.menu.firstChild.offsetWidth + "px";
  }

  // 브라우저마다 각자 환경에 맞는 드롭 다운 메뉴의 위치를
  // 결정해 줘야 한다.
  x = objMnuButton.offsetLeft;
  y = objMnuButton.offsetTop + objMnuButton.offsetHeight;
  if (objDetectBrowser.isIE) {
    //x += 2;
    //y += 2;
    y -= 0;
    x -= 1;
  }
  if (objDetectBrowser.isNS && objDetectBrowser.version < 6.1)
    y--;

  // 위치 결정 및 풀다운 메뉴를 보여줌
  objMnuButton.menu.style.left = x + "px";
  objMnuButton.menu.style.top  = y + "px";
  objMnuButton.menu.style.visibility = "visible";

  // 현재 활성화된 메뉴 객체를 저장하는 전역변수 gvActiveButon에
  // 현재 선택된 메뉴 객체를 설정
  gvActiveButton = objMnuButton;
}

function resetButton(objMnuButton) {
  objMnuButton.className = "menuButton";

  if (objMnuButton.menu)
    objMnuButton.menu.style.visibility = "hidden";

  gvActiveButton = null;
}
//-->