/*********************************************************************************************************
## Common Script ##
* 본 스크립트의 저작권은 (주)웹스리퍼블릭에 있습니다.
* 본 스크립트를 무단으로 이용(또는 도용)하거나 복제 또는 수정 사용시 저작권법에 의거 처벌받을 수 있습니다.
* 구매 후에도 제 2차 사이트 등 라이선스가 적용되지 않는 사이트에 대하여 사용은 금지되어 있습니다.
* 위 사항에 대하여 위반시 절대 합의는 없습니다 !
* date : 2017-09-28
* author : Park Soo Hyun (shpark7502@naver.com)
*********************************************************************************************************/
/*------------------------ 메인페이지 전용 스크립트 ------------------------*/
// interval timer
function intervalTimer(callback, interval) {
var timerId, startTime, remaining = 0;
var state = 0; // 0 = idle, 1 = running, 2 = paused, 3= resumed
this.pause = function() {
if (state != 1) return;
remaining = interval - (new Date() - startTime);
window.clearInterval(timerId);
state = 2;
};
this.resume = function() {
if (state != 2) return;
state = 3;
window.setTimeout(this.timeoutCallback, remaining);
};
this.timeoutCallback = function() {
if (state != 3) return;
callback();
startTime = new Date();
timerId = window.setInterval(callback, interval);
state = 1;
};
startTime = new Date();
timerId = window.setInterval(callback, interval);
state = 1;
}
// 메인 비주얼
$(function() {
var visualWrap = $("#mainVisual");
var visual = $("#mainVisual > .imgList");
var visual_count = 0;
var visual_index = 1;
var visual_size;
var visual_delay;
var visual_timer;
if (visualWrap.data('interval')) {
visual_delay = visualWrap.data('interval');
} else {
visual_delay = 5000;
}
// 초기 세팅
function setting() {
var first_item = visual.children().eq(0).clone();
var last_item = visual.children().eq(-1).clone();
var pagination = "";
var winWidth = $(window).width();
visual_size = winWidth - 60;
visual.append(first_item);
visual.prepend(last_item);
visual_count = visual.children().length;
pagination += '';
pagination += '
';
for (i = 0; i < visual_count - 2; i++) {
pagination += '';
}
pagination += '
';
pagination += '';
visual.children().find('.typo').append(pagination);
visual.children().find('.pagination > li:first').addClass('on');
visual.css({
left: -visual_size,
width: visual_size * visual_count
});
}
// 리사이징 처리
function resize() {
var winWidth = $(window).width();
var winHeight = $(window).height();
visual_size = winWidth - 60;
visual.children().css('width', visual_size);
visual.css({
left: -visual_size * visual_index,
width: visual_size * visual_count
});
if (winWidth > 1024) {
visualWrap.css('height', winHeight);
} else {
visualWrap.removeAttr('style');
}
}
// 슬라이드 함수
function slideVisual(index) {
var winWidth = $(window).width();
visual_size = winWidth - 60;
if (index != visual_index) {
var nPos = -visual_size * index;
visual.children().addClass('animate');
visual.stop().delay(400).animate({
left: nPos
}, 700, 'easeInOutQuart', function() {
if (index < 1) {
index = visual_count - 2;
nPos = -visual_size * index;
visual.css('left', nPos);
}
if (index > visual_count - 2) {
index = 1;
nPos = -visual_size * index;
visual.css('left', nPos);
}
visual_index = index;
visual.children().find('.pagination > li').removeClass('on');
visual.children().find('.pagination > li:eq(' + (visual_index - 1) + ')').addClass('on');
visual.children().removeClass('animate');
});
}
}
// 타이머 실행
function setTimer() {
visual_timer = setInterval(function() {
var idx = visual_index + 1;
slideVisual(idx);
}, visual_delay);
}
// 타이머 정지
function clearTimer() {
visual.stop();
clearInterval(visual_timer);
}
// 이전 버튼
$("#mainVisual > .prev").click(function() {
if (!visual.is(':animated') && !visual.children().hasClass('animate')) {
clearTimer();
var idx = visual_index - 1;
slideVisual(idx);
setTimer();
}
});
// 다음 버튼
$("#mainVisual > .next").click(function() {
if (!visual.is(':animated') && !visual.children().hasClass('animate')) {
clearTimer();
var idx = visual_index + 1;
slideVisual(idx);
setTimer();
}
});
resize();
setting();
setTimer();
$(window).resize(function() {
resize();
});
});
// 메인 롤링배너 이미지 (섹션1)
$(function() {
var slide_index = 0;
var slide_size;
var sliderWrap = $("#imgSlider");
var slider = sliderWrap.find('.imgList');
var slide_count = slider.children().length;
var slide_timer;
var slide_term;
var slide_timer_first = true;
var easeEffect = "easeInOutQuart";
// 롤링 주기 설정
if (!sliderWrap.data('interval')) {
slide_term = 4000;
} else {
slide_term = sliderWrap.data('interval');
}
// 초기 세팅
function setting() {
var paging = "";
slide_size = slider.children().width();
slider.children().css({
left: -slide_size
});
slider.children().eq(slide_index).css({
left: 0
});
slider.children().eq(slide_index + 1).css({
left: slide_size
});
paging += '';
paging += '';
for (i = 0; i < slide_count; i++) {
paging += '
';
}
paging += '';
paging += '';
sliderWrap.append(paging);
sliderWrap.find('.pagination > li:first').addClass('on');
}
// 슬라이드 함수
function slide(direction) {
var before_index;
if (!direction || direction === 'next') {
slide_size = slider.children().width();
if (slide_index >= slide_count) {
slide_index = 0;
before_index = slide_count - 1;
} else {
before_index = slide_index - 1;
}
} else {
slide_size = -(slider.children().width());
if (slide_index < 0) {
slide_index = slide_count - 1;
before_index = 0;
} else {
before_index = slide_index + 1;
}
}
sliderWrap.find('.pagination > li').removeClass('on');
sliderWrap.find('.pagination > li .bar').css({
width: 0
});
sliderWrap.find('.pagination > li:eq(' + slide_index + ')').addClass('on');
slider.children().eq(slide_index).css({
left: slide_size
});
slider.children().eq(slide_index).animate({
left: 0
}, 500, easeEffect);
slider.children().eq(before_index).css({
left: 0
});
slider.children().eq(before_index).animate({
left: -slide_size
}, 500, easeEffect);
}
// 자동 슬라이드
function autoslide() {
sliderWrap.find('.pagination > li:eq(' + slide_index + ') > .bar').animate({
width: '100%'
}, slide_term - 100, function() {
slide_index++;
slide('next');
});
}
// 타이머 시작
function startTimer() {
slide_timer = new intervalTimer(function() {
autoslide();
}, slide_term);
}
// 타이머 복귀
function resumeTimer() {
slide_timer.resume();
}
// 타이머 일시정지
function pauseTimer() {
slider.children().stop();
sliderWrap.find('.pagination > li > .bar').stop();
slide_timer.pause();
}
// 타이머 초기화
function clearTimer() {
slider.children().stop();
sliderWrap.find('.pagination > li > .bar').stop();
slide_timer.timeoutCallback();
}
// 이전 버튼
sliderWrap.find('.prev').click(function() {
if (!slider.children().is(':animated')) {
clearTimer();
slide_index--;
slide('prev');
resumeTimer();
}
});
// 다음 버튼
sliderWrap.find('.next').click(function() {
if (!slider.children().is(':animated')) {
clearTimer();
slide_index++;
slide('next');
resumeTimer();
}
});
// 마우스 오버시 타이머 일시정지
slider.mouseenter(function() {
if (!slider.children().is(':animated')) {
pauseTimer();
}
});
// 마우스 오버 해제시 타이머 복귀
slider.mouseleave(function() {
if (!slider.children().is(':animated')) {
resumeTimer();
}
});
setting();
autoslide();
startTimer();
});
/*------------------------ 서브 스크립트 ------------------------*/
// URL 파라미터 파싱 함수
var getUrlParameter = function getUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? true : sParameterName[1];
}
}
};
// PC 해상도 여부 체크 함수
function isPC() {
var $winWidth = $(window).width();
if ($winWidth > 1024) {
return true;
} else {
return false;
}
}
// 서브 비주얼 이미지
$(function() {
if ($("#subVisual").length) {
$("#subVisual").wrFadeSlide({
paging: false, // 페이지네이션 기능 사용여부 (기본값 : true / 비활성화시 false 입력)
autoplay: true, // 자동 롤링 기능 사용여부 (기본값 : true / 비활성화시 false 입력)
interval: 4000 // 자동 롤링 주기 (단위 : ms, 기본값 : 3000)
});
}
});
// 서브메뉴 및 비주얼 타이틀 활성화
$(function() {
var $subContainer = $("#subContainer");
// 1차 드롭다운 메뉴 자동 생성
function majorCreate() {
var $d1url = [];
var $d1title = [];
var $d1html;
var i = 0;
$("#lnb > li").each(function() {
$d1url[i] = $(this).children('a').attr('href');
$d1title[i] = $(this).children('a').text();
i++;
});
for (n = 1; n < i; n++) {
$d1html = '