/*********************************************************** 시스템명 : 필화2.0 업무명 : 시스템 파일명 : menu.js 프로그램명 : 메뉴 관련 자바스크립트 개요 : 메뉴 관련 각종 동작들을 실행한다. 작성자 : ABC 작성일 : 2007. 3. 29. ***********************************************************/ // 메뉴 바에서 마우스 이벤트에 의해 처리되어야 하는 이미지 파일 정의 var img_tab_sec1 = new Array(); img_tab_sec1[0] = new Image(); img_tab_sec1[0].src = "/image/tab_sec1_atv.gif"; img_tab_sec1[1] = new Image(); img_tab_sec1[1].src = "/image/tab_sec1_psv.gif"; var img_tab_sec2 = new Array(); img_tab_sec2[0] = new Image(); img_tab_sec2[0].src = "/image/tab_sec2_atv.gif"; img_tab_sec2[1] = new Image(); img_tab_sec2[1].src = "/image/tab_sec2_psv.gif"; var img_tab_sec3 = new Array(); img_tab_sec3[0] = new Image(); img_tab_sec3[0].src = "/image/tab_sec3_atv.gif"; img_tab_sec3[1] = new Image(); img_tab_sec3[1].src = "/image/tab_sec3_psv.gif"; var img_tab_sec4 = new Array(); img_tab_sec4[0] = new Image(); img_tab_sec4[0].src = "/image/tab_sec4_atv.gif"; img_tab_sec4[1] = new Image(); img_tab_sec4[1].src = "/image/tab_sec4_psv.gif"; var img_tab_mnu1 = new Array(); img_tab_mnu1[0] = new Image(); img_tab_mnu1[0].src = "/image/tab_mnu1_atv.gif"; img_tab_mnu1[1] = new Image(); img_tab_mnu1[1].src = "/image/tab_mnu1_psv.gif"; var img_tab_mnu2 = new Array(); img_tab_mnu2[0] = new Image(); img_tab_mnu2[0].src = "/image/tab_mnu2_atv.gif"; img_tab_mnu2[1] = new Image(); img_tab_mnu2[1].src = "/image/tab_mnu2_psv.gif"; var img_tab_mnu3 = new Array(); img_tab_mnu3[0] = new Image(); img_tab_mnu3[0].src = "/image/tab_mnu3_atv.gif"; img_tab_mnu3[1] = new Image(); img_tab_mnu3[1].src = "/image/tab_mnu3_psv.gif"; var img_tab_mnu4 = new Array(); img_tab_mnu4[0] = new Image(); img_tab_mnu4[0].src = "/image/tab_mnu4_atv.gif"; img_tab_mnu4[1] = new Image(); img_tab_mnu4[1].src = "/image/tab_mnu4_psv.gif"; var img_ico_crs = new Array(); img_ico_crs[0] = new Image(); img_ico_crs[0].src = "/image/ico_crs_red.gif"; img_ico_crs[1] = new Image(); img_ico_crs[1].src = "/image/ico_crs_blu.gif"; img_ico_crs[2] = new Image(); img_ico_crs[2].src = "/image/ico_crs_grn.gif"; img_ico_crs[3] = new Image(); img_ico_crs[3].src = "/image/ico_crs_vlt.gif"; var img_ico_arw = new Array(); img_ico_arw[0] = new Image(); img_ico_arw[0].src = "/image/ico_arw_red.gif"; img_ico_arw[1] = new Image(); img_ico_arw[1].src = "/image/ico_arw_blu.gif"; img_ico_arw[2] = new Image(); img_ico_arw[2].src = "/image/ico_arw_grn.gif"; img_ico_arw[3] = new Image(); img_ico_arw[3].src = "/image/ico_arw_vlt.gif"; /* * 기능 : 섹션 탭 선택시 처리되는 동작들을 정의한다. * 인자 : tab_id - 선택한 섹션 탭 ID * ex) selectTabSection(1);은 섹션 탭 ID가 1인 섹션 탭이 선택되었을 때 실행되어야 하는 동작들을 처리한다. */ function selectTabSection(tab_id) { var img_tab_sec = document.getElementsByName("img_tab_sec"); var img_sec_arw = document.getElementsByName("img_sec_arw"); var lyr_sec = document.getElementsByName("lyr_sec"); switch(tab_id) { case 1 : img_tab_sec[0].src = img_tab_sec1[0].src; img_tab_sec[1].src = img_tab_sec2[1].src; img_tab_sec[2].src = img_tab_sec3[1].src; img_tab_sec[3].src = img_tab_sec4[1].src; lyr_sec[0].style.visibility = 'visible'; lyr_sec[1].style.visibility = 'hidden'; lyr_sec[2].style.visibility = 'hidden'; lyr_sec[3].style.visibility = 'hidden'; img_sec_arw[0].style.visibility = 'visible'; img_sec_arw[1].style.visibility = 'hidden'; img_sec_arw[2].style.visibility = 'hidden'; img_sec_arw[3].style.visibility = 'hidden'; changeLayerTop(tab_id); break; case 2 : img_tab_sec[0].src = img_tab_sec1[1].src; img_tab_sec[1].src = img_tab_sec2[0].src; img_tab_sec[2].src = img_tab_sec3[1].src; img_tab_sec[3].src = img_tab_sec4[1].src; lyr_sec[0].style.visibility = 'hidden'; lyr_sec[1].style.visibility = 'visible'; lyr_sec[2].style.visibility = 'hidden'; lyr_sec[3].style.visibility = 'hidden'; img_sec_arw[0].style.visibility = 'hidden'; img_sec_arw[1].style.visibility = 'visible'; img_sec_arw[2].style.visibility = 'hidden'; img_sec_arw[3].style.visibility = 'hidden'; changeLayerTop(tab_id); break; case 3 : img_tab_sec[0].src = img_tab_sec1[1].src; img_tab_sec[1].src = img_tab_sec2[1].src; img_tab_sec[2].src = img_tab_sec3[0].src; img_tab_sec[3].src = img_tab_sec4[1].src; lyr_sec[0].style.visibility = 'hidden'; lyr_sec[1].style.visibility = 'hidden'; lyr_sec[2].style.visibility = 'visible'; lyr_sec[3].style.visibility = 'hidden'; img_sec_arw[0].style.visibility = 'hidden'; img_sec_arw[1].style.visibility = 'hidden'; img_sec_arw[2].style.visibility = 'visible'; img_sec_arw[3].style.visibility = 'hidden'; changeLayerTop(tab_id); break; case 4 : img_tab_sec[0].src = img_tab_sec1[1].src; img_tab_sec[1].src = img_tab_sec2[1].src; img_tab_sec[2].src = img_tab_sec3[1].src; img_tab_sec[3].src = img_tab_sec4[0].src; lyr_sec[0].style.visibility = 'hidden'; lyr_sec[1].style.visibility = 'hidden'; lyr_sec[2].style.visibility = 'hidden'; lyr_sec[3].style.visibility = 'visible'; img_sec_arw[0].style.visibility = 'hidden'; img_sec_arw[1].style.visibility = 'hidden'; img_sec_arw[2].style.visibility = 'hidden'; img_sec_arw[3].style.visibility = 'visible'; changeLayerTop(tab_id); break; default : break; } } /* * 기능 : 메뉴 탭 선택시 처리되는 동작들을 정의한다. * 인자 : tab_id - 선택한 메뉴 탭 ID * ex) selectTabMenu(1);은 메뉴 탭 ID가 1인 메뉴 탭이 선택되었을 때 실행되어야 하는 동작들을 처리한다. */ function selectTabMenu(tab_id) { var img_tab_mnu = document.getElementsByName("img_tab_mnu"); var lyr_sec = document.getElementsByName("lyr_sec"); switch(tab_id) { case 1 : img_tab_mnu[0].src = img_tab_mnu1[0].src; img_tab_mnu[1].src = img_tab_mnu2[1].src; img_tab_mnu[2].src = img_tab_mnu3[1].src; img_tab_mnu[3].src = img_tab_mnu4[1].src; lyr_mnu[0].style.visibility = 'visible'; lyr_mnu[1].style.visibility = 'hidden'; lyr_mnu[2].style.visibility = 'hidden'; lyr_mnu[3].style.visibility = 'hidden'; break; case 2 : img_tab_mnu[0].src = img_tab_mnu1[1].src; img_tab_mnu[1].src = img_tab_mnu2[0].src; img_tab_mnu[2].src = img_tab_mnu3[1].src; img_tab_mnu[3].src = img_tab_mnu4[1].src; lyr_mnu[0].style.visibility = 'hidden'; lyr_mnu[1].style.visibility = 'visible'; lyr_mnu[2].style.visibility = 'hidden'; lyr_mnu[3].style.visibility = 'hidden'; break; case 3 : img_tab_mnu[0].src = img_tab_mnu1[1].src; img_tab_mnu[1].src = img_tab_mnu2[1].src; img_tab_mnu[2].src = img_tab_mnu3[0].src; img_tab_mnu[3].src = img_tab_mnu4[1].src; lyr_mnu[0].style.visibility = 'hidden'; lyr_mnu[1].style.visibility = 'hidden'; lyr_mnu[2].style.visibility = 'visible'; lyr_mnu[3].style.visibility = 'hidden'; break; case 4 : img_tab_mnu[0].src = img_tab_mnu1[1].src; img_tab_mnu[1].src = img_tab_mnu2[1].src; img_tab_mnu[2].src = img_tab_mnu3[1].src; img_tab_mnu[3].src = img_tab_mnu4[0].src; lyr_mnu[0].style.visibility = 'hidden'; lyr_mnu[1].style.visibility = 'hidden'; lyr_mnu[2].style.visibility = 'hidden'; lyr_mnu[3].style.visibility = 'visible'; break; default : break; } } /* * 기능 : 섹션 탭 선택시 메인 화면의 탑기사 레이어가 해당 섹션에 속하는 탑기사 레이어로 변환되도록 한다. * 인자 : tab_id - 선택한 섹션 탭 ID * ex) changeLayerTop(1);은 섹션 탭 ID가 1인 섹션 탭에 속하는 탑기사 레이어로 변환되도록 한다. */ function changeLayerTop(tab_id) { var pth_nam = parent.document.location.pathname; if(pth_nam == "/pHMainLayout.ph") { var lyr_top = top.PHMNTopArticleView.document.getElementsByName("lyr_top"); switch(tab_id) { case 1 : if(!is_empty(lyr_top[0])) lyr_top[0].style.visibility = 'visible'; if(!is_empty(lyr_top[1])) lyr_top[1].style.visibility = 'hidden'; if(!is_empty(lyr_top[2])) lyr_top[2].style.visibility = 'hidden'; if(!is_empty(lyr_top[3])) lyr_top[3].style.visibility = 'hidden'; break; case 2 : if(!is_empty(lyr_top[0])) lyr_top[0].style.visibility = 'hidden'; if(!is_empty(lyr_top[1])) lyr_top[1].style.visibility = 'visible'; if(!is_empty(lyr_top[2])) lyr_top[2].style.visibility = 'hidden'; if(!is_empty(lyr_top[3])) lyr_top[3].style.visibility = 'hidden'; break; case 3 : if(!is_empty(lyr_top[0])) lyr_top[0].style.visibility = 'hidden'; if(!is_empty(lyr_top[1])) lyr_top[1].style.visibility = 'hidden'; if(!is_empty(lyr_top[2])) lyr_top[2].style.visibility = 'visible'; if(!is_empty(lyr_top[3])) lyr_top[3].style.visibility = 'hidden'; break; case 4 : if(!is_empty(lyr_top[0])) lyr_top[0].style.visibility = 'hidden'; if(!is_empty(lyr_top[1])) lyr_top[1].style.visibility = 'hidden'; if(!is_empty(lyr_top[2])) lyr_top[2].style.visibility = 'hidden'; if(!is_empty(lyr_top[3])) lyr_top[3].style.visibility = 'visible'; break; default : break; } } }