/***************************************************************************************************/
/** 외부참조파일초기화
* 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;
}
}
}
}
//플래시 wmode바꾸기(window플래시 상위에 펼쳐짐메뉴 활성화 필요할 때 ex전체메뉴보기)
function setWmode(object,value){
if(document.getElementById(object)) {
document.getElementById(object).getElementsByTagName('object')[0].wmode = value;/* ie */
document.getElementById(object).getElementsByTagName('object')[0].getElementsByTagName('param')[1].value = value;/* op,chrome */
if(document.getElementById(object).getElementsByTagName('object')[1]) document.getElementById(object).getElementsByTagName('object')[1].getElementsByTagName('param')[0].value = value;/* ff */
document.getElementById(object).innerHTML = document.getElementById(object).innerHTML;/* 재작성 되어야 적용된다. */
}
}
/***************************************************************************************************/
/** 주메뉴
* 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';
}
}
/* <-----가변폭 png24 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("ul")[0];//Menu List
if(ml){
var mla=ml.getElementsByTagName("a");//Menu List Anchors
ha.onclick=function(){ ml.style.display="block"; mla[0].focus(); /*this.style.display="none";*/ return false; }
ml.onmouseover=function(){ ml.style.display="block"; /*ha.style.display="none";*/ }
ml.onmouseout=function(){ ml.style.display="none"; /*ha.style.display="block";*/ }
for(var i=1;i
#banner-scroll { position: absolute; left: 0; top: 30px; width: 240px; height: 15px; overflow: hidden; }
#banner-content { position: absolute; left: 0; top: 0; }
* 개선과제 : initmTicker함수전체호출수 자동설정.
* ex) initmTicker(document.getElementById("banner-scroll"), document.getElementById("banner-content"), 3000);
prevmTicker(1);//이전버튼 (1)은 initmTicker()호출순번
nextmTicker(1);//다음버튼
*/
var mtickerEl = new Array();//전역변수
var stopCtrl = "true";
var mtickerElsum = 2; //initmTicker함수전체호출수-추가할때마다수정요함 - 전역변수로 수정함.
/**
*
* mticketContainer : 해당 받은 객체의 높이
*
* @param mtickerContainer
* @param mtickerContent
* @param delay : 시간
* @return
*/
function initmTicker(mtickerContainer, mtickerContent, delay)
{
// 배너부분 전체 Object
mtickerEl[mtickerEl.length] = mtickerContainer;
var speed = 20; //스크롤속도-작을수록빠름
// 250 = 5000/(20/1)
mtickerContainer.delay = delay/(speed/mtickerElsum); //mtickerEl.length를mtickerElsum로수정
// mticketContainer Move Offset(한번에 움직이는 크기)
//mtickerContainer.moveOffset = mtickerContainer.offsetHeight - 4;//Safari만다른값.가끔될때도있음.
mtickerContainer.moveOffset = mtickerContainer.offsetHeight ;//Safari만다른값.가끔될때도있음.
// 카운트는 0
mtickerContainer.count = 0;
// 배너부분 오브젝트 마우스로 오버했을 경우 현재는 false(올려져 있지 않은 상태)
mtickerContainer.mtickerOver = false;
// 배너부분 전체 내용물 -> One Object
mtickerContainer.cont = mtickerContent;
// 내용물 현재 높이
mtickerContainer.cont.currentHeight = 0;
// movemTicket 5초마다 호출함.
mtickerContainer.move = setInterval("movemTicker()", speed);
for (i=0; i 217){
mtickerEl[0].cont.style.top = -186;
}else if(mtickerEl[0].cont.currentHeight == -31 || mtickerEl[0].cont.currentHeight < 0){
mtickerEl[0].cont.style.top = 0;
}else{
mtickerEl[0].cont.style.top = -mtickerEl[0].cont.currentHeight + "px";
}
}
function stopTicket()
{
if(this.stopCtrl == "true")
this.stopCtrl = "false";
else
this.stopCtrl = "true";
}
//다음한줄보기
function nextmTicker(mtickerElnum)
{
// var mtickerElnum = mtickerElnum-1;
// mtickerEl[mtickerElnum].count = 0;
// mtickerEl[mtickerElnum].cont.currentHeight-= mtickerEl[mtickerElnum].moveOffset;
//
// if (-mtickerEl[mtickerElnum].cont.currentHeight >= mtickerEl[mtickerElnum].cont.offsetHeight)
// {
// mtickerEl[mtickerElnum].cont.currentHeight = 0;
// }
//
// mtickerEl[mtickerElnum].cont.style.top = mtickerEl[mtickerElnum].cont.currentHeight + "px";
var mtickerElnum = mtickerElnum-1;
mtickerEl[0].count = 0;
if (mtickerEl[0].cont.currentHeight == 0){
}else{
mtickerEl[0].cont.currentHeight-= mtickerEl[0].moveOffset;
}
// if (-mtickerEl[0].cont.currentHeight >= mtickerEl[0].cont.offsetHeight)
// {
//
// mtickerEl[0].cont.currentHeight = 0;
// }
// mtickerEl[0].cont.style.top = -mtickerEl[0].cont.currentHeight + "px";
if(mtickerEl[0].cont.currentHeight == -31 || mtickerEl[0].cont.currentHeight < 0){
mtickerEl[0].cont.style.top = 0;
}else if(mtickerEl[0].cont.currentHeight == 217 || mtickerEl[0].cont.currentHeight > 217){
mtickerEl[0].cont.style.top = -155;
}else{
mtickerEl[0].cont.style.top = -mtickerEl[0].cont.currentHeight + "px";
}
}
/*메인오른쪽메뉴*/
';//이미지요소로대체
}
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