<!--
// 2010년 신규작업에 맞추어 튜닝됨.
// ExtJs를 혼용함.
// CSS 연결이 정리됨.

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"     && 
	  objElement.className != "dropMenu"   && objElement.className != "menuItemOn" && 
	  objElement.className != "menuItemOn"    
  ) {
    resetButton(gvActiveButton);
	//alert();
  }
}

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";

  // 익스플로러의 경우, 첫 번째 메뉴 아이템에 대한 명확한 폭을 명시해 주도록 한다.
  // 만일 이 부분을 설정하지 않으면 마우스로 메뉴 아이템 오버시 텍스트 위에 올려놓을 때만
  // 반전된다. 만일 텍스트가 아닌 메뉴 아이템 영역 위로만 갖다 놔도 반전시키려면
  // 이 부분을 설정해 줘야 한다.

// ExtJS 로 대체함.
/*
   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 = y - 50;
    x = x + 20 ;
  }
  if (objDetectBrowser.isNS && objDetectBrowser.version < 6.1)
    y--;
*/


//alert(  document.getElementById( objMnuButton.id ).style.width );
// 위치 결정 및 풀다운 메뉴를 보여줌
// 상대위치 TD 문제로, 하드코딩
  x = Ext.get( objMnuButton.id ).getX() +1; // - 93;
  y = Ext.get( objMnuButton.id ).getY() + 32 + 1;

if (objDetectBrowser.isIE && objDetectBrowser.version < 7.0) {
    y = y - 2;
	x = x - 2;
}

if (objDetectBrowser.isIE && objDetectBrowser.version > 8 ) {
	//x += 2;
	//y += 2;
	y = y - 2;
	x = x - 2 ;
}


/* 흰색메뉴에서 TUNE */
//if( objMnuButton.menu.id + "" != "menu001" ) x = x + 1;

/* 메뉴의 화면초과 */
if( (Ext.get( objMnuButton.menu.id ).getWidth() + x) > ( Ext.get( "menuBar" ).getX() + Ext.get( "menuBar" ).getWidth() ) ) {
	x = x - document.getElementById( "menuBar" ).width;
	
}

// 최종위치 지정
//Ext.get(objMnuButton.menu.id).setLeftTop( x, y );
objMnuButton.menu.style.left = x + "px";
objMnuButton.menu.style.top  = y + "px";
objMnuButton.menu.style.visibility = "visible";

//alert( document.getElementById("menuBar").style.width );


  // 현재 활성화된 메뉴 객체를 저장하는 전역변수 gvActiveButon에
  // 현재 선택된 메뉴 객체를 설정
  gvActiveButton = objMnuButton;
}

function resetButton(objMnuButton) {

objMnuButton.className = "menuButton";

// 현재 메뉴영역 유지
	if( 	
		(document.location.href.indexOf( "/product/" ) != -1 && ""+objMnuButton.id == "menuButton001" ) ||
		(document.location.href.indexOf( "/service/" ) != -1 && ""+objMnuButton.id == "menuButton002" ) ||
		(document.location.href.indexOf( "/community/" ) != -1 && ""+objMnuButton.id == "menuButton004" ) ||
		(document.location.href.indexOf( "/contact/" ) != -1 && ""+objMnuButton.id == "menuButton005" ) ||
		(document.location.href.indexOf( "/company/" ) != -1 && ""+objMnuButton.id == "menuButton006" ) 
	) { 
		objMnuButton.className = "menuButtonActive"; 
	}


  if (objMnuButton.menu)
    objMnuButton.menu.style.visibility = "hidden";

  gvActiveButton = null;
}

function toggleDisplay( id ) {
	var obj = document.getElementById(id);
	if( obj.style.display == "none" ) { 
		obj.style.display = "";
	} else {
		obj.style.display = "none";
	}
}

function toggleLayer( id ) {
	var obj = document.getElementById(id);
	if( obj.style.visibility == "hidden" ) { 
		obj.style.visibility = "visible";
	} else {
		obj.style.visibility = "hidden";
	}
}



//-->