$(document).ready(function () { try { //recurit start var recurit_start = '20180529'; var recurit_end = '20180530'; var recurit_year = new Date().getFullYear(); var recurit_month = (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1; var recurit_date = new Date().getDate(); var recurit_today = recurit_year + recurit_month + recurit_date; var recurit_yn; if (recurit_start <= recurit_today && recurit_today <= recurit_end) { recurit_yn = true; } else { recurit_yn = false; } //recurit end //popup start var popup_start = '20190124'; var popup_end = '20190126'; var popup_year = new Date().getFullYear(); var popup_month = (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1; var popup_date = new Date().getDate(); var popup_today = popup_year + popup_month + popup_date; var popup_yn; if (popup_start <= popup_today && popup_today <= popup_end) { popup_yn = true; } else { popup_yn = false; } //popup end // bxSlider 메인 배너 slider1 = $(".bxslider1").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, stopAutoOnFocus: true, controls: false, speed: 1000, pause: 4000, onSliderLoad: function () { $(".bx-clone").find("a").prop("tabindex", "-1"); }, onSlideAfter: function () { $(".mainSlider").children("li").each(function () { if ($(this).attr("aria-hidden") === "false") { $(this).find("a").attr("tabindex", "0"); } else { $(this).find("a").attr("tabindex", "-1"); } }) } }); /*slider2 = $(".bxslider2").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, controls: false, speed: 1000, pause: 4000 });*/ slider3 = $(".bxslider3").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, controls: false, speed: 1000, pause: 4000, autoHover: false }); /*slider4 = $(".bxslider4").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, controls: false, speed: 1000, pause: 4000 });*/ slider5 = $(".bxslider5").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, controls: false, speed: 1000, pause: 4000 }); /*slider6 = $(".bxslider6").bxSlider({ mode: 'fade', auto: true, autoControls: true, stopAutoOnClick: true, controls: false, speed: 1000, pause: 4000 });*/ // mw main tab $(".mobile_indigator li a").on("click", function (e) { var $this = $(this).parent(); var index = $this.index(); $(".mobile_indigator li a").attr('title', ''); $this.addClass("active").siblings().removeClass("active"); $(this).attr('title', '선택됨'); $("#fullpage .section").removeClass("on").eq(index).addClass("on"); body_bg(); // bxSlider reload slider1.reloadSlider(); //slider2.reloadSlider(); slider3.reloadSlider(); //slider4.reloadSlider(); slider5.reloadSlider(); //slider6.reloadSlider(); }); $(".bx-controls-auto").focusin(function () { slider1.stopAuto(); }); // 소통채널 탭 $(".tab_menu > li:first-of-type > a").attr('title', '선택됨'); $(".notice_wrap li a").bind("click", function () { var idx = $(this).closest("li").index(); $(".tab_menu > li").removeClass("on").children('a').removeAttr('title'); $(".tab_menu > li").eq(idx).addClass("on").children('a').attr('title', '선택됨'); $(".tab_container > li").removeClass("on").eq(idx).addClass("on"); }); // 초점이동 $(".notice_wrap li:first-child a").bind("focus", function () { $.fn.fullpage.moveTo('page1', 1); }); // fullpage 초기화 function fullPageInit() { //recurit start if (recurit_yn == false) { $("#section04").remove(); $("#recurit_section").remove(); //recurit end navText = ['고객', '사업', '가치', '푸터']; /* 채용 없는 버전 수정 */ $("#fullpage").fullpage({ navigation: true, anchors: ['firstPage', 'secondPage', 'thirdPage', 'footer'],/* 채용 없는 버전 수정 */ slidesNavigation: true, keyboardScrolling: true, animateAnchor: true, recordHistory: true, afterRender: function () { //해당 섹션으로 포커스 주기 $("#fp-nav ul li").eq(0).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".notice_wrap .tab_menu li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(1).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".introduce_wrap li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(2).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".manage_wrap li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(3).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".recruit_wrap .btn_wrap .btn01").focus(); } }, 300); }); }, afterLoad: function (anchorLink, index) { $.fn.fullpage.setRecordHistory(false); // footer index를 채용 index와 같게 한다./* 채용 없는 버전 수정 */ if (index == 4) { index = 3; $("#header_wrap").addClass("bg_white"); } else { $("#header_wrap").removeClass("bg_white"); } $(".mobile_indigator li").removeClass("active"); $(".mobile_indigator li").eq(index - 1).addClass("active"); $("#fullpage .section").removeClass("on"); $("#fullpage .section").eq(index - 1).addClass("on"); $.each(navText, function (idx, text) { $("#fp-nav a").eq(idx).find("span").text(text); $("#fp-nav a").eq(idx).attr("title", text + " 페이지 스크롤 이동"); }); $("#fp-nav").prependTo($("#main_indigator")); } }); //recurit startt } else { navText = ['고객', '사업', '가치', '채용', '푸터']; /* 채용 없는 버전 수정 */ $("#fullpage").fullpage({ navigation: true, anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourPage', 'footer'],/* 채용 없는 버전 수정 */ slidesNavigation: true, afterRender: function () { //해당 섹션으로 포커스 주기 $("#fp-nav ul li").eq(0).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".notice_wrap .tab_menu li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(1).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".introduce_wrap li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(2).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".manage_wrap li").eq(0).find("a").focus(); } }, 300); }); $("#fp-nav ul li").eq(3).find("a").keydown(function (key) { setTimeout(function () { if (key.keyCode == 13) { $(".recruit_wrap .btn_wrap .btn01").focus(); } }, 300); }); }, afterLoad: function (anchorLink, index) { $.fn.fullpage.setRecordHistory(false); // footer index를 채용 index와 같게 한다./* 채용 없는 버전 수정 */ if (index == 5) { index = 4; $("#header_wrap").addClass("bg_white"); } else { $("#header_wrap").removeClass("bg_white"); } $(".mobile_indigator li").removeClass("active"); $(".mobile_indigator li").eq(index - 1).addClass("active"); $("#fullpage .section").removeClass("on"); $("#fullpage .section").eq(index - 1).addClass("on"); $.each(navText, function (idx, text) { $("#fp-nav a").eq(idx).find("span").text(text); }); $("#fp-nav").prependTo($("#main_indigator")); } }); } //recurit end //popup end if (popup_yn == false) { $(".modal_pop_wrap").css('display', 'hide'); } else { $(".modal_pop_wrap").css('display', 'hide'); } //popup end } if ($(window).width() < 1100) { try { $.fn.fullpage.destroy('all'); } catch (exp) { // console.log("fullpage is undefined."); } main_mw(); } else { if ($(".fp-enabled").length < 1) { fullPageInit(); } main_pc(); // 180620 pc 높이 제어 if ($(window).height() < 855) { // 180622 수정 try { $.fn.fullpage.destroy('all'); } catch (exp) { console.log("fullpage is undefined."); } $(".main_scroll").hide(); $(window).scroll(function () { console.log('scroll'); if ($(window).scrollTop() > 10) { $("#header_wrap").addClass("bg_white"); } else { $("#header_wrap").removeClass("bg_white"); } }); } else { $(".main_scroll").show(); } } // 다음 영역으로 이동 $(".main_scroll .btn_scroll").on("click", function () { $.fn.fullpage.moveSectionDown(); }); $(window).on("resize", resizeHandler); var checkMobile = ($(window).width() < 768) ? false : true; function resizeHandler() { var windowWidth = $(window).width(); //var windowHeight = $(window).height(); // 180620 if (windowWidth < 1100 && checkMobile == false) { checkMobile = true; main_mw(); } else if (windowWidth > 1100 && checkMobile == true) { checkMobile = false; main_pc(); } if (windowWidth < 1100) { try { $.fn.fullpage.destroy('all'); } catch (exp) { console.log("fullpage is undefined."); } main_mw(); } else { if ($(".fp-enabled").length < 1) { fullPageInit(); } main_pc(); // 180620 pc 높이 제어 if ($(window).height() < 855) { // 180622 수정 try { $.fn.fullpage.destroy('all'); } catch (exp) { console.log("fullpage is undefined."); } $(".main_scroll").hide(); $(window).scroll(function () { console.log('scroll'); if ($(window).scrollTop() > 10) { $("#header_wrap").addClass("bg_white"); } else { $("#header_wrap").removeClass("bg_white"); } }); } else { $(".main_scroll").show(); } } } function main_mw() { //recurit start var obj = $(".mobile_indigator ul li"); if (recurit_yn == false) { $("#recurit_section").remove(); obj.css("width", "33.3%"); $("#fullpage .section:nth-child(4)").css({"background-color": "#333333", "background-image": "none"}); } //recurit end // 헤더 fixed $(window).scroll(function () { var height = $(document).scrollTop(); if (height > 0) { //recurit start if (recurit_yn == false) { obj.css("width", "auto"); } //recurit end $("#header_wrap").addClass("header_fixed"); $(".mobile_indigator").addClass("header_fixed"); } else { //recurit start if (recurit_yn == false) { obj.css("width", "33.3%"); } //recurit end $("#header_wrap").removeClass("header_fixed"); $(".mobile_indigator").removeClass("header_fixed"); } }); //사업소 지도 MOBILE $(".map_indigator > li > a").unbind('mouseenter mouseleave'); $(".map_indigator > li > a").on("click", function () { var i = $(this).parents("li").index(); $(".map_indigator li").removeClass("on").eq(i).addClass("on"); $(".map_img").removeClass("img01 img02 img03 img04 img05"); if (i == 0) { $(".map_img").addClass("img01"); $(".map_img .txt").text("삼천포 발전본부"); } else if (i == 1) { $(".map_img").addClass("img04"); $(".map_img .txt").text("영흥 발전본부"); } else if (i == 2) { $(".map_img").addClass("img02"); $(".map_img .txt").text("분당 발전본부"); } else if (i == 3) { $(".map_img").addClass("img05"); $(".map_img .txt").text("여수 발전본부"); } else if (i == 4) { $(".map_img").addClass("img03"); $(".map_img .txt").text("영동에코 발전본부"); } }); body_bg(); } function body_bg() { // mobile background 주가 var sectionHeight = $("#fullpage").height(); if ($(window).height() > sectionHeight) { $("body.main_body").addClass("bg_color"); } } function main_pc() { //recurit start if (recurit_yn == false) { $("#fullpage .section:nth-child(4)").css({"background": "#cff0ff"}); } //recurit end //사업소 지도 PC $(".map_indigator > li > a").on("mouseenter keyup", function () { var i = $(this).parents("li").index(); $(".map_indigator li").removeClass("on").eq(i).addClass("on"); $(".map_img").removeClass("img01 img02 img03 img04 img05"); if (i == 0) { $(".map_img").addClass("img01"); $(".map_img .txt").text("삼천포 발전본부"); } else if (i == 1) { $(".map_img").addClass("img04"); $(".map_img .txt").text("영흥 발전본부"); } else if (i == 2) { $(".map_img").addClass("img02"); $(".map_img .txt").text("분당 발전본부"); } else if (i == 3) { $(".map_img").addClass("img05"); $(".map_img .txt").text("여수 발전본부"); } else if (i == 4) { $(".map_img").addClass("img03"); $(".map_img .txt").text("영동에코 발전본부"); } }); } } catch (e) { } }); //웹접근성 $(document).on("keydown", function (e) { if (e.keyCode == "9") { // tab키 //백탭 if (e.shiftKey) { //+ shift키 if ($(".section02").is(":focus")) { $.fn.fullpage.moveTo(1); $(".section01 a:last").attr("tabindex", 0).show().focus(); // 이전 섹션의 포커스 가능한 마지막 요소의 tabindex 지정, 포커스한다. } if ($(".section03 a:first").is(":focus")) { $.fn.fullpage.moveTo(2); $(".section02 a:last").attr("tabindex", 0).show().focus(); } if ($(".section04 a:first").is(":focus")) { $.fn.fullpage.moveTo(3); $(".section03 a:last").attr("tabindex", 0).show().focus(); } if ($(".section05 a:first").is(":focus")) { $.fn.fullpage.moveTo(4); $(".section04 a:last").attr("tabindex", 0).show().focus(); } } else { //탭 if ($(".section01 a:last").is(":focus")) { $.fn.fullpage.moveTo(2); } if ($(".section02 a:last").is(":focus")) { $.fn.fullpage.moveTo(3); } if ($(".section03 a:last").is(":focus")) { $.fn.fullpage.moveTo(4); } if ($(".section04 a:last").is(":focus")) { $.fn.fullpage.moveTo(5); } } } });