/* GNB 메뉴 객체 */ var GNBMenu = { // menu db load 아래 배열에 적재 or db load시 배열에 동시 적재 or 이 배열 선언 자체를 db로 활용... _FOLDER: [ "about", "product", "csr", "center" ], _MAIN_MENU_TXT: [ "DB Group", "Business", "CSR", "PR Center", "Careers" ], // 대메뉴 alt text array add _SUB_MENU_TXT: [ [ "Overview", "역사", "CEO", "DB경영시스템" ], [ "주요사업내용", "대표상품", "네트워크", "재무정보" ], [ "개요", "활동분야", "봉사단" ], [ "DB뉴스", "광고모음", "DB CI", "DB금융센터" ], [] ], _SPEED_HIDE: 50, // 슬라이드 hide do time _SPEED_SHOW: 300, // 슬라이드 show do time _SELECTED_INDEX: -1, _MAIN_POS_IDX: -1, initialize: function( idx1, idx2 ) { $( ".nGnbWrap" ).html( "" ); GNBMenu.menuConfig( idx1, idx2 ); GNBMenu._MAIN_POS_IDX = idx1; if( idx1 != -1 ) { //GNBMenu.setActiviteMenuIdx( idx1, idx2 ); } }, menuConfig: function( idx1, idx2 ) { var menuCode = ""; var menu = null; var child_menu = null; var i, j; for( i = 0; i < 5; i++ ) { $( ".nGnbWrap" ).append( "
  • " + GNBMenu._MAIN_MENU_TXT[ i ] + "

  • " ); if( i == 0 ) $( ".nGnbWrap li.nGnb_element" ).eq( i ).find( "h2 a" ).addClass( "f" ); $( ".nGnbWrap .nGnb_element" ).eq( i ).append( "" ); for( j = 0; j < GNBMenu._SUB_MENU_TXT[ i ].length; j++ ) { $( ".nGnbWrap .nGnb_element_child" ).eq( i ).append( "
  • " + GNBMenu._SUB_MENU_TXT[ i ][ j ] + "
  • " ); $( ".nGnbWrap .nGnb_element_child" ).eq( i ).children( "li:eq(" + j + ")" ).find( "a" ).bind( { "mouseover focusin": function() { $( this ).addClass( 'on' ); }, "mouseleave focusout": function() { $( this ).removeClass( 'on' ); }, "click": function() { GNBMenu.goMoveToSub( $( this ).parent().parent().parent().index(), $( this ).parent().index(), 0 ); } } ); }; $( ".nGnb_element_child" ).hide(); $( ".nGnbWrap .nGnb_element h2 a" ).eq( i ).bind( { "click": function() { GNBMenu.goMoveToSub( $( this ).parent().parent().index(), 0, 0 ); }, "mouseover focusin": function() { GNBMenu.showMenu( $( this ).parent().parent().index() ); } } ); } $( "ul" ).bind( { "mouseover": function() { if( $( this ).attr( "class" ) == "nGnbWrap" ) { return false; } }, "mouseleave": function() { if( $( this ).attr( "class" ) == "nGnbWrap" ) { GNBMenu.hideMenu( GNBMenu._SELECTED_INDEX ); GNBMenu.showActiviteMenu(); return false; } } } ); GNBMenu.unBindActiviteMenu( GNBMenu._N_MAIN_MENU_IDX, GNBMenu._N_SUB_MENU_IDX ); GNBMenu.setActiviteMenuIdx( idx1, idx2 ); GNBMenu.showActiviteMenu(); }, showMenu: function( idx ) { if( idx != GNBMenu._SELECTED_INDEX ) GNBMenu.hideMenu( GNBMenu._SELECTED_INDEX ); if( GNBMenu._SUB_MENU_TXT[ idx ].length != 0 ) $( ".nGnbWrap .nGnb_element ul" ).eq( idx ).stop( true, true ).slideDown( GNBMenu._SPEED_SHOW ); $( ".nGnbWrap .nGnb_element h2 a" ).eq( idx ).addClass( 'on' ); this._SELECTED_INDEX = idx; if( idx != GNBMenu._N_MAIN_MENU_IDX ) GNBMenu.hideActiviteMenu(); }, hideMenu: function( idx ) { $( ".nGnbWrap .nGnb_element ul" ).eq( idx ).stop( true, true ).slideUp( GNBMenu._SPEED_HIDE ); if( idx != -1 ) { $( ".nGnbWrap .nGnb_element h2 a" ).eq( idx ).removeClass( 'on' ); } }, _N_MAIN_MENU_IDX: -1, _N_SUB_MENU_IDX: -1, setActiviteMenuIdx: function( idx1, idx2 ) { //alert(idx1) idx1 != "" ? GNBMenu._N_MAIN_MENU_IDX = parseInt( idx1 ) : GNBMenu._N_MAIN_MENU_IDX = -1; idx2 != "" ? GNBMenu._N_SUB_MENU_IDX = parseInt( idx2 ) : GNBMenu._N_SUB_MENU_IDX = -1; //alert(GNBMenu._N_MAIN_MENU_IDX) GNBMenu.showActiviteMenu(); }, unBindActiviteMenu: function( idx1, idx2 ) { if( ( idx1 != -1 ) && ( idx2 != -1 ) ) { $( ".nGnbWrap .nGnb_element_child" ).eq( idx1 ).children( "li:eq(" + idx2 + ")" ).find( "a" ).unbind( "mouseover mouseleave focusin focusout" ); } }, showActiviteMenu: function() { if( GNBMenu._N_MAIN_MENU_IDX != -1 ) { $( ".nGnbWrap .nGnb_element ul" ).eq( GNBMenu._N_MAIN_MENU_IDX ).slideDown( GNBMenu._SPEED_SHOW ); $( ".nGnbWrap .nGnb_element h2 a" ).eq( GNBMenu._N_MAIN_MENU_IDX ).addClass( 'on' ); if( GNBMenu._N_SUB_MENU_IDX != -1 ) { $( ".nGnbWrap .nGnb_element ul" ).eq( GNBMenu._N_MAIN_MENU_IDX ).children( "li:eq(" + GNBMenu._N_SUB_MENU_IDX + ")" ).find( "a" ).addClass( "on" ); } } }, hideActiviteMenu: function() { if( GNBMenu._N_MAIN_MENU_IDX != -1 ) { $( ".nGnbWrap .nGnb_element ul" ).eq( GNBMenu._N_MAIN_MENU_IDX ).slideUp( GNBMenu._SPEED_HIDE ); $( ".nGnbWrap .nGnb_element h2 a" ).eq( GNBMenu._N_MAIN_MENU_IDX ).removeClass( 'on' ); } }, goMoveToSub: function( mainIdx, idx1, idx2 ) { mainIdx = Number( mainIdx ); if( mainIdx == 4 ) { window.open( "https://dbgroup.recruiter.co.kr/" ); return } var dir = GNBMenu._FOLDER[ mainIdx ]; location.href = "/new/" + dir + "/" + dir + "_" + idx1 + "_" + idx2 + ".jsp?mainidx=" + mainIdx + "&subIdx1=" + idx1 + "&subIdx2=" + idx2; } } var LNBMenu = { _MAIN_MENU_TXT: [], // 대메뉴 alt text array add _SUB_MENU_TXT: [], _SPEED_HIDE: 300, // 슬라이드 hide do time _SPEED_SHOW: 400, // 슬라이드 show do time _SELECTED_INDEX: -1, initialize: function( idx1, idx2 ) { $( ".nLnbWrap" ).html( "" ); LNBMenu.menuConfig( idx1, idx2 ); if( idx1 != -1 ) { //LNBMenu.setActiviteMenuIdx( idx1, idx2 ); } }, menuConfig: function( idx1, idx2 ) { var menuCode = ""; var menu = null; var child_menu = null; var i, j; for( i = 0; i < LNBMenu._MAIN_MENU_TXT.length; i++ ) { $( ".nLnbWrap" ).append( "
  • " + LNBMenu._MAIN_MENU_TXT[ i ] + "

  • " ); if( i == 0 ) $( ".nLnbWrap li.nGnb_element" ).eq( i ).find( "h2 a" ).addClass( "f" ); $( ".nLnbWrap .nGnb_element" ).eq( i ).append( "" ); for( j = 0; j < LNBMenu._SUB_MENU_TXT[ i ].length; j++ ) { $( ".nLnbWrap .nGnb_element_child" ).eq( i ).append( "
  • " + LNBMenu._SUB_MENU_TXT[ i ][ j ] + "
  • " ); $( ".nLnbWrap .nGnb_element_child" ).eq( i ).children( "li:eq(" + j + ")" ).find( "a" ).bind( { //"mouseover focusin":function(){LNBMenu.effetSubMenu( $(this), $(this).parent().parent().parent().index(), $(this).parent().index(), "over" );}, //"mouseleave focusout":function(){LNBMenu.effetSubMenu( $(this), $(this).parent().parent().parent().index(), $(this).parent().index(), "out" );}, "click": function() { GNBMenu.goMoveToSub( idx_param1, $( this ).parent().parent().parent().index(), $( this ).parent().index() ); } } ); }; $( ".nGnb_element_child" ).hide(); $( ".nLnbWrap .nGnb_element h2 a" ).eq( i ).bind( { //"mouseover focusin":function(){LNBMenu.showMenu($(this).parent().parent().index());} "click": function() { GNBMenu.goMoveToSub( idx_param1, $( this ).parent().parent().index(), 0 ); }, "focusin": function() { LNBMenu.showMenu( $( this ).parent().parent().index() ); } } ); } LNBMenu.unBindActiviteMenu( LNBMenu._N_MAIN_MENU_IDX, LNBMenu._N_SUB_MENU_IDX ); LNBMenu.setActiviteMenuIdx( idx1, idx2 ); //LNBMenu.showActiviteMenu(); }, showMenu: function( idx ) { if( idx != LNBMenu._SELECTED_INDEX ) LNBMenu.hideMenu( LNBMenu._SELECTED_INDEX ); if( LNBMenu._SUB_MENU_TXT[ idx ].length != 0 ) $( ".nLnbWrap .nGnb_element ul" ).eq( idx ).slideDown( LNBMenu._SPEED_SHOW ); //$(this).hoverFlow(e.type, { left: 20 }, 'fast'); //$(this).hoverFlow(e.type, { left: 20 }, 'fast'); //$(".nLnbWrap .nGnb_element h2 a img").eq(idx).attr("src", LNBMenu._IMG_URL+LNBMenu._MAIN_MENU[idx]+"_ov."+LNBMenu._IMG_TYPE); LNBMenu._SELECTED_INDEX = idx; if( idx != LNBMenu._N_MAIN_MENU_IDX ) LNBMenu.hideActiviteMenu(); }, hideMenu: function( idx ) { $( ".nLnbWrap .nGnb_element ul" ).eq( idx ).hide(); if( idx != -1 ) { $( ".nLnbWrap .nGnb_element h2 a" ).eq( idx ).removeClass( 'on' ); } }, _N_MAIN_MENU_IDX: -1, _N_SUB_MENU_IDX: -1, setActiviteMenuIdx: function( idx1, idx2 ) { idx1 != "" ? LNBMenu._N_MAIN_MENU_IDX = parseInt( idx1 ) : LNBMenu._N_MAIN_MENU_IDX = -1; idx2 != "" ? LNBMenu._N_SUB_MENU_IDX = parseInt( idx2 ) : LNBMenu._N_SUB_MENU_IDX = -1; LNBMenu.showActiviteMenu(); }, unBindActiviteMenu: function( idx1, idx2 ) { if( ( idx1 != -1 ) && ( idx2 != -1 ) ) { $( ".nLnbWrap .nGnb_element_child" ).eq( idx1 ).children( "li:eq(" + idx2 + ")" ).find( "a" ).unbind( "mouseover mouseleave focusin focusout" ); } }, showActiviteMenu: function() { if( LNBMenu._N_SUB_MENU_IDX != -1 ) { $( ".nLnbWrap .nGnb_element h2 a" ).eq( LNBMenu._N_MAIN_MENU_IDX ).addClass( 'on' ); if( $( ".nLnbWrap .nGnb_element ul" ).eq( LNBMenu._N_MAIN_MENU_IDX ).children().length == 0 ) return; $( ".nLnbWrap .nGnb_element ul" ).eq( LNBMenu._N_MAIN_MENU_IDX ).stop( false, true ).slideDown( LNBMenu._SPEED_SHOW ); if( LNBMenu._N_SUB_MENU_IDX != -1 ) { $( ".nLnbWrap .nGnb_element ul" ).eq( LNBMenu._N_MAIN_MENU_IDX ).children( "li:eq(" + LNBMenu._N_SUB_MENU_IDX + ")" ).find( "a" ).addClass( 'on' ); } } }, hideActiviteMenu: function() { if( LNBMenu._N_MAIN_MENU_IDX != -1 ) { $( ".nLnbWrap .nGnb_element ul" ).eq( LNBMenu._N_MAIN_MENU_IDX ).stop( false, true ).slideUp( LNBMenu._SPEED_HIDE ); $( ".nLnbWrap .nGnb_element h2 a" ).eq( LNBMenu._N_MAIN_MENU_IDX ).removeClass( 'on' ); } } } var LOCMenu = { initialize: function( idx1, idx2, idx3 ) { LOCMenu.menuConfig( idx1, idx2, idx3 ); }, menuConfig: function( idx1, idx2, idx3 ) { var dir = GNBMenu._FOLDER[ idx1 ]; var r = '
  • Home
  • '; (function(){ if( GNBMenu._MAIN_MENU_TXT[ idx1 ] === undefined ) return; r += '
  • > ' + GNBMenu._MAIN_MENU_TXT[ idx1 ] + '
  • '; if( LNBMenu._MAIN_MENU_TXT[ idx2 ] === undefined ) return; r += '
  • > ' + LNBMenu._MAIN_MENU_TXT[ idx2 ] + '
  • '; if( LNBMenu._SUB_MENU_TXT[ idx2 ][ idx3 ] === undefined ) return; r += '
  • > ' + LNBMenu._SUB_MENU_TXT[ idx2 ][ idx3 ] + '
  • '; })(); $( ".navi_area .navi_p" ).prepend( $( r ) ); } } function setMenuDraw( idx1, idx2, idx3 ) { GNBMenu.initialize( idx1, idx2 ); // if( idx1 != "3" && idx1 != "" ) { if( idx1 != "" ) { LNBMenu.initialize( idx2, idx3 ); LOCMenu.initialize( idx1, idx2, idx3 ); } }