/***************************************************************************************************/
/** 외부참조파일초기화
* author: myshin
* update: 2008.05.08
* desc: 외부 참조 파일(*.css *.js)을 캐시에서 안불러오게 한다.
* Disable JavaScript 일 경우에 *.css 의 display: none; 으로 인한 콘텐츠를 이용할 수 없는 거 해결.
* ex) initNow(); initExternalRef();
*/
var nowString = "";//현재시각 전역변수
function initNow(){//현재시각 할당
var now = new Date();
nowString = now.toString();
while(nowString.indexOf(" ")!=-1||nowString.indexOf(":")!=-1||nowString.indexOf("+")!=-1){
nowString = nowString.replace(" ", "");
nowString = nowString.replace(":", "");
nowString = nowString.replace("+", "");
}
}
initNow();//론칭후!!주석처리필수!!
function initExternalRef(){
//*.css
document.writeln('');
//*.js
//document.writeln('
*/
function initSelect(selectId,optionId) {
var selectEl = document.getElementById(selectId);
var selectFirst = selectEl.getElementsByTagName("*")[0];
if(selectFirst.tagName!="a") selectFirst.innerHTML = ""+selectFirst.innerHTML+"";
selectEl.innerHTML = "
"+selectEl.innerHTML+"
";
var selectD = selectEl.getElementsByTagName("div")[0];
var selectAarr = selectEl.getElementsByTagName("a");
var optionEl = document.getElementById(optionId);
optionEl.style.display = "none";//css 에서 "none"하면 접근성 문제 있어 js 로 처리.
//selectEl.onmouseover = selectAarr[0].onfocus = function selectOver(){//마우스오버시활성
selectAarr[0].onclick = optionEl.onmouseover = function selectOver(){//클릭시활성
selectD.className = "on";
optionEl.style.display = "block";
//selectD.onmouseover = selectOver;
return false;
}
selectEl.onmouseout = selectAarr[selectAarr.length-1].onblur = function selectOut(){//비활성
selectD.className = "";
optionEl.style.display = "none";
}
for(var i=1;i<=selectAarr.length-1;i++){// i=1부터 적용주의
if(typeof selectAarr[i].onclick == "function") {
selectAarr[i].oldonclick = selectAarr[i].onclick;//전역변수로지정
}
selectAarr[i].onclick = function(){
selectAarr[0].innerHTML = ""+this.innerHTML+"";//선택된태그를표시
if(this.oldonclick) {//onclick 이 있을 경우에만
this.oldonclick();
optionEl.style.display = "none";
return false;
}
}
}
}
/***************************************************************************************************/
/** 주메뉴
* author: myshin
* update: 2008.09.18
* desc: 경로 구애 없이 사용(이미지요소로대체 부분은 제외)
* 이미지, 텍스트 상관없이 사용
* 외부JS 분리할 수 있게 수정함.
* initTopMenu 함수 안에서 현재 위치 1, 2차메뉴 번호 전역변수로 초기화, 메뉴활성 초기화 실행
* 이미지대치기법으로 처음 로딩시 text 보이다가 사라지는거 수정.
* xhtml코드가 원래부터 img 일때는 이미지대치기법 수행안함.
* 2차메뉴 a 태그에 span 태그 추가
* top2Menu의 자식노드 중 끝li요소, 첫번째li요소에 class 부여.
* ex) initTopMenu(<%=d1n%>,<%=d2n%>);
*/
function top2menuView(a) //2차메뉴보기
{
if(this.id){
eidStr = this.id;
eidNum=eidStr.substring(eidStr.lastIndexOf("m",eidStr.length)+1,eidStr.length);
a = parseInt(eidNum);
}
top2menuHideAll();
top1Menu = document.getElementById("top1m"+a);
top2Menu = document.getElementById("top2m"+a);
ann = (a<10)? "0"+a : ""+a;
if(a==0){ //메인은2차메뉴활성화안함
}else{
if (top1Menu){ top1Menu.parentNode.className="on";
var imgEl= top1Menu.childNodes[0]
if(imgEl.src){
_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
var where = imgEl.src.indexOf("on."+_imgtype,0);
if(where==-1) imgEl.src = imgEl.src.replace("."+_imgtype,"on."+_imgtype);
}
if (top2Menu) { top2Menu.style.display = "inline"; }
}
}
}
function top2menuHide(a) //2차메뉴감추기
{
if(this.id){
eidStr = this.id;
eidNum=eidStr.substring(eidStr.lastIndexOf("m",eidStr.length)+1,eidStr.length);
a = parseInt(eidNum);
}
//top2menuHideAll();
top1Menu = document.getElementById("top1m"+a);
top2Menu = document.getElementById("top2m"+a);
top1MenuCurr = document.getElementById("top1m"+d1n);
top2MenuCurr = document.getElementById("top2m"+d1n);
ann = (a<10)? "0"+a : ""+a;
if (top1Menu) { top1Menu.parentNode.className="" ;
var imgEl= top1Menu.childNodes[0]
if(imgEl.src){
_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
var where = imgEl.src.indexOf("on."+_imgtype,0);
if(where!=-1) imgEl.src = imgEl.src.replace("on."+_imgtype,"."+_imgtype);
}
if(top2Menu){
top2Menu.style.display = "none";
}
if(top1MenuCurr){ top1MenuCurr.parentNode.className="on";
var imgEl= top1MenuCurr.childNodes[0]
if(imgEl.src){
_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
var where = imgEl.src.indexOf("on."+_imgtype,0);
if(where==-1) imgEl.src = imgEl.src.replace("."+_imgtype,"on."+_imgtype);
}
}
if (top2MenuCurr) { top2MenuCurr.style.display = "inline"; }
}
}
function top2menuHideAll() //2차메뉴모두감추기
{
top1menuEl = document.getElementById("top1menu").childNodes;
for (i=1;i<=11;i++)//메뉴삭제시 1차메뉴수가 안맞아 top1menuEl.length 대신 숫자로 넣음
{
top1Menu = document.getElementById("top1m"+i);
top2Menu = document.getElementById("top2m"+i);
inn = (i<10)? "0"+i : ""+i;
if(top1Menu){ top1Menu.parentNode.className="";
var imgEl= top1Menu.childNodes[0]
if(imgEl.src){
_imgtype = imgEl.src.substr(imgEl.src.length-3,imgEl.src.length-1);
var where = imgEl.src.indexOf("on."+_imgtype,0);
if(where!=-1) imgEl.src = imgEl.src.replace("on."+_imgtype,"."+_imgtype);
}
if (top2Menu) { top2Menu.style.display = "none"; }
}
}
}
function initTopMenu(d1,d2) {//1,2차메뉴초기화,마우스키보드이벤트할당
d1n=d1; d2n=d2;//전역변수로설정
d1nn = (d1n<10)? "0"+d1n : ""+d1n;
d2nn = (d2n<10)? "0"+d2n : ""+d2n;
top1menuEl = document.getElementById("top1menu").childNodes;
for (i=1;i<=11;i++)//메뉴삭제시 1차메뉴수가 안맞아 top1menuEl.length 대신 숫자로 넣음
{
top1Menu = document.getElementById("top1m"+i);
top2Menu = document.getElementById("top2m"+i);
if (top1Menu) {
//var spanEl = document.createElement("span");//이미지대치기법용
//top1Menu.insertBefore(spanEl,top1Menu.childNodes[0]);
inn = (i<10)? "0"+i : ""+i;
if(top1Menu.firstChild.tagName != "IMG"){//이미지가아니면
top1Menu.innerHTML = '';//이미지요소로대체
}
top1Menu.style.textIndent = "0";//스타일 원상태 복구.
top1Menu.onmouseover = top1Menu.onfocus = top2menuView;
top1Menu.onmouseout = top2menuHide;//onblur이벤트 제거 : IE에서 2차메뉴선택할 수 없어서..
if (top2Menu) {
top2Menu.style.display = "none";
var top2MenuLastChild = top2Menu.lastChild;//끝li
if(top2MenuLastChild){
while(top2MenuLastChild.nodeName!="LI") top2MenuLastChild = top2MenuLastChild.previousSibling;
top2MenuLastChild.className = "last";
}
var top2MenuFirstChild = top2Menu.firstChild;//첫li
if(top2MenuFirstChild){
while(top2MenuFirstChild.nodeName!="LI") top2MenuFirstChild = top2MenuFirstChild.nextSibling;
top2MenuFirstChild.className = "first";
}
top2Menu.onmouseover = top2Menu.onfocus = top2menuView;
top2Menu.onmouseout = top2Menu.onblur = top2menuHide;
/* 가변폭 png24 bar에 활용 */
top2MenuLs = top2Menu.getElementsByTagName("li");
if(top2MenuLs){
for(j=0;j';
}
//top2MenuLs[0].innerHTML = ''+top2MenuLs[0].innerHTML;//2차메뉴 bar 상단 ^마크
}
/* 활성화 텍스트 전체에 라운딩bg등이 들어가는 경우 활용 */
/*
top2MenuAs = top2Menu.getElementsByTagName("a");
if(top2MenuAs){
for(j=0;j';
}
}
*/
}
}
}
//2차메뉴활성
top2MenuCurrAct = document.getElementById("top2m"+d1+"m"+d2);
if (top2MenuCurrAct) { top2MenuCurrAct.getElementsByTagName("a")[0].className="on"; }
top2menuHide(d1);//메뉴활성초기화
}
/***************************************************************************************************/
/** 팝업메뉴초기화
* author: myshin
* update: 2009.01.05
* desc: Language(단독레이어)메뉴에활용가능.
* ex) initPopMenu("gmlang");
* 새창열기-target="_blank"를 사용하는 리스트에서의 에러문제등으로 2009. 9.28-이영석 프로젝트 맞춤으로 수정함
*/
function initPopMenu(id){
var obj=document.getElementById(id);
if(obj){
var ha=obj.getElementsByTagName("a")[0];//Heading Anchor
var ml=obj.getElementsByTagName("div")[0];//Menu List
if(ml){
var mla=ml.getElementsByTagName("a");//Menu List Anchors
ha.onclick=function(){ ml.style.visibility="visible"; mla[0].focus(); /*this.style.display="none";*/ return false; }
ml.onmouseover=function(){ ml.style.visibility="visible"; /*ha.style.display="none";*/ }
ml.onmouseout=function(){ ml.style.visibility="hidden"; /*ha.style.display="block";*/ }
for(var i=1;i
'+top2MenuLs[0].innerHTML;//2차메뉴 bar 상단 ^마크
}
/* 활성화 텍스트 전체에 라운딩bg등이 들어가는 경우 활용 */
/*
top2MenuAs = top2Menu.getElementsByTagName("a");
if(top2MenuAs){
for(j=0;j
';//이미지요소로대체
}
top1Menu.style.textIndent = "0";//스타일 원상태 복구.
top1Menu.onmouseover = top1Menu.onfocus = top2menuView;
top1Menu.onmouseout = top2menuHide;//onblur이벤트 제거 : IE에서 2차메뉴선택할 수 없어서..
if (top2Menu) {
top2Menu.style.display = "none";
var top2MenuLastChild = top2Menu.lastChild;//끝li
if(top2MenuLastChild){
while(top2MenuLastChild.nodeName!="LI") top2MenuLastChild = top2MenuLastChild.previousSibling;
top2MenuLastChild.className = "last";
}
var top2MenuFirstChild = top2Menu.firstChild;//첫li
if(top2MenuFirstChild){
while(top2MenuFirstChild.nodeName!="LI") top2MenuFirstChild = top2MenuFirstChild.nextSibling;
top2MenuFirstChild.className = "first";
}
top2Menu.onmouseover = top2Menu.onfocus = top2menuView;
top2Menu.onmouseout = top2Menu.onblur = top2menuHide;
/* 가변폭 png24 bar에 활용 */
top2MenuLs = top2Menu.getElementsByTagName("li");
if(top2MenuLs){
for(j=0;j