/*********************************************************************************************************
## Web's Republic Common Script ##
* 본 스크립트의 저작권은 (주)웹스리퍼블릭에 있습니다.
* 본 스크립트를 무단으로 이용하거나 복제 또는 수정 사용시 저작권법에 의거 처벌받을 수 있습니다.
* version : 1.0
* date : 2017-08-04
* author : Park Soo Hyun (shpark7502@naver.com)
*********************************************************************************************************/
// 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];
}
}
};
// 모바일 접속시 모바일 웹으로 연결
var mobileKeyWords = new Array('iPhone', 'iPod', 'iPad', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords) {
if (navigator.userAgent.match(mobileKeyWords[word]) != null) {
location.href = "./mobile/";
break;
}
}
/* ----------------- 메뉴 관련 스크립트 ----------------- */
$(document).ready(function() {
var subNavi = $("#subnav");
var allMenu = $("#all-menu");
var allMenu2 = $("#all-menu2");
var mnuEasing = "easeInOutExpo";
// 메인메뉴 마우스 올렸을 시 서브메뉴 표출
$("#nav > li").mouseenter(function() {
var mnuIndex = $(this).index();
subNavi.find('.menu-item').removeClass('active');
subNavi.find('.menu-item').eq(mnuIndex).addClass('active');
if (!subNavi.hasClass('show')) subNavi.addClass('show');
});
// 헤더에서 마우스 뗐을 시 서브메뉴 전체 숨김
$("#header").mouseleave(function() {
subNavi.removeClass('show');
});
// 전체메뉴 열기
function allMenuOpen() {
if (!allMenu.hasClass('open')) {
allMenu.addClass('open');
allMenu.find('.menu-layer').removeAttr('style');
allMenu.find('.menu-layer').css({
top: '-100%',
opacity: '0'
});
allMenu.fadeIn(400);
allMenu.find('.menu-layer').stop().animate({
top: '50%',
opacity: '1'
}, 800, mnuEasing);
$("body").addClass('fixed');
}
}
// 전체메뉴 닫기
function allMenuClose() {
allMenu.removeClass('open');
allMenu.find('.menu-layer').stop().animate({
top: '-100%',
opacity: '0'
}, 600, mnuEasing);
allMenu.fadeOut(1000);
$("body").removeClass('fixed');
}
// 전체메뉴 열기 버튼 클릭
$(".btn-allmenu").click(function() {
allMenuOpen();
});
// 전체메뉴 닫기 버튼 클릭
$("#all-menu .btnClose").click(function() {
allMenuClose();
});
// 마스크영역 클릭시 전체메뉴 닫기
$("#all-menu .mask").click(function() {
allMenuClose();
});
// 전체메뉴 열기
function allMenuOpen2() {
if (!allMenu2.hasClass('open')) {
allMenu2.addClass('open');
allMenu2.find('.menu-layer2').removeAttr('style');
allMenu2.find('.menu-layer2').css({
top: '-100%',
opacity: '0'
});
allMenu2.fadeIn(400);
allMenu2.find('.menu-layer2').stop().animate({
top: '50%',
opacity: '1'
}, 800, mnuEasing);
$("body").addClass('fixed');
}
}
// 전체메뉴 닫기
function allMenuClose2() {
allMenu2.removeClass('open');
allMenu2.find('.menu-layer2').stop().animate({
top: '-100%',
opacity: '0'
}, 600, mnuEasing);
allMenu2.fadeOut(1000);
$("body").removeClass('fixed');
}
// 전체메뉴 열기 버튼 클릭
$(".btn-allmenu2").click(function() {
allMenuOpen2();
});
// 전체메뉴 닫기 버튼 클릭
$(".btnClose2").click(function() {
allMenuClose2();
});
// 마스크영역 클릭시 전체메뉴 닫기
$("#all-menu2 .mask2").click(function() {
allMenuClose2();
});
}); /* ----------------- 스크롤 헤더 고정 ----------------- */
/* $(window).scroll(function() {
var scroll_h = $(this).scrollTop();
var hd_h = $("#header > .top").outerHeight();
if(scroll_h > hd_h) {
if(!$("body").hasClass('scroll')) $("body").addClass('scrollfix');
} else {
$("body").removeClass('scrollfix')
}
}); */
/* ----------------- 메뉴 및 탭 활성화 스크립트 ----------------- */
$(document).ready(function() {
var depth1 = getUrlParameter('top') - 1;
var depth2 = getUrlParameter('sub') - 1;
$("#nav > li").eq(depth1).addClass('on');
$("#subnav .menu-item").eq(depth1).find('ul').children().eq(depth2).addClass('on');
$(".tab-primary[data-role=menu]").children().eq(depth2).addClass('active');
});
/* ----------------- 메인페이지 전용 스크립트 ----------------- */
// 메인 롤링 비주얼
$(document).ready(function() {
var elem = $("#mainVisual > .imgList");
var count = elem.children().length;
var visual_index = 0;
var easeEffect = "easeInOutCubic";
var timer;
// 자동 롤링 주기 인식 및 설정
if (!elem.data('interval')) {
var interval = '5000';
} else {
var interval = elem.data('interval');
}
// 페이지네이션 생성
function rollingInit() {
var item = "";
for (i = 0; i < count; i++) {
$("#mainVisual > .pagination").append(item);
}
$("#mainVisual > .pagination > li:first").addClass('active');
}
// 슬라이드 처리
function slide(direction) {
if (visual_index < 0) {
visual_index = count - 1;
} else if (visual_index >= count) {
visual_index = 0;
}
// NEXT 방향
if (!direction || direction == 'next') {
elem.children().eq(visual_index).css({
left: '100%'
});
elem.children().eq(visual_index).stop().animate({
left: 0
}, 600, easeEffect);
// 현재 인덱스가 마지막일 경우 마지막 요소 좌측으로 슬라이드
if (visual_index == 0) {
elem.children().eq(-1).stop().animate({
left: '-100%'
}, 600, easeEffect);
}
// 순서 인덱스와 일치하지 않으면서 순서 인덱스보다 작을 경우에만 좌측으로 슬라이드
elem.children().each(function() {
if ($(this).index() != visual_index && $(this).index() < visual_index) {
$(this).stop().animate({
left: '-100%'
}, 600, easeEffect);
}
});
// PREV 방향
} else if (direction == 'prev') {
elem.children().eq(visual_index).css({
left: '-100%'
});
elem.children().eq(visual_index).stop().animate({
left: 0
}, 600, easeEffect);
// 현재 인덱스가 마지막일 경우 처음 요소 우측으로 슬라이드
if (visual_index == count - 1) {
elem.children().eq(0).stop().animate({
left: '100%'
}, 600, easeEffect);
}
elem.children().each(function() {
if ($(this).index() != visual_index) {
$(this).stop().animate({
left: '100%'
}, 600, easeEffect);
}
});
} else {
console.log('슬라이드 방향을 올바르게 지정해 주십시오. (prev : 이전 / next : 다음)');
return false;
}
$("#mainVisual > .pagination > li").removeClass('active');
$("#mainVisual > .pagination > li").eq(visual_index).addClass('active');
}
// 타이머 실행
function setTimer() {
timer = setInterval(function() {
visual_index++;
slide('next');
}, interval);
}
// 타이머 중지
function clearTimer() {
elem.stop();
clearInterval(timer);
}
// 이전버튼 클릭
$("#mainVisual .prev").click(function() {
if (!elem.children().is(':animated')) {
clearTimer();
visual_index--;
slide('prev');
setTimer();
}
});
// 다음버튼 클릭
$("#mainVisual .next").click(function() {
if (!elem.children().is(':animated')) {
clearTimer();
visual_index++;
slide('next');
setTimer();
}
});
// 페이지네이션 클릭
$(document).on('click', '#mainVisual > .pagination > li', function() {
if (!elem.children().is(':animated')) {
var page_index = $(this).index();
if (page_index > visual_index) { // 클릭한 페이지네이션 인덱스가 순서 인덱스보다 클 경우 next 방향으로 슬라이드
clearTimer();
visual_index = page_index;
slide('next')
setTimer();
} else if (page_index < visual_index) { // 클릭한 페이지네이션 인덱스가 순서 인덱스보다 작을 경우 prev 방향으로 슬라이드
clearTimer();
visual_index = page_index;
slide('prev');
setTimer();
} else { // 클릭한 페이지네이션 인덱스와 순서 인덱스가 같으면 슬라이드 하지 않음
return false;
}
}
});
setTimer();
rollingInit();
});
// BEFORE&AFTER 섹션 탭 기능
$(document).ready(function() {
$("#section6 .tab-list > li").click(function() {
var tab_index = $(this).index();
$("#section6 .tab-list > li").removeClass('active');
$(this).addClass('active');
$("#rollingBox > .rolling-box").removeClass('active');
$("#rollingBox > .rolling-box").eq(tab_index).addClass('active');
});
});
// BEFORE&AFTER 섹션 롤링
$(document).ready(function() {
var slide_index = [];
var count = [];
var elem;
var item_size = $("#rollingBox .rolling-box > .imgList > li").width();
var easeEffect = "easeInOutCubic";
// 인덱스 배열 초기화
$("#rollingBox .rolling-box").each(function(i) {
slide_index[i] = 0;
count[i] = $(this).find('.imgList').children().length;
i++;
});
// 슬라이드 처리
function slide(index) {
elem = $("#rollingBox .rolling-box.active");
if (slide_index[index] < 0) {
slide_index[index] = count[index] - 1;
} else if (slide_index[index] >= count[index]) {
slide_index[index] = 0;
}
elem.find('.imgList').stop().animate({
'left': -(item_size * slide_index[index]) + 'px'
}, 400, easeEffect);
}
// 이전 버튼 클릭
$("#section6 .control-box .prev").click(function() {
elem = $("#rollingBox .rolling-box.active > .imgList");
var active_index = elem.index();
if (!elem.is(':animated')) {
slide_index[active_index]--;
slide(active_index);
}
});
// 다음 버튼 클릭
$("#section6 .control-box .next").click(function() {
elem = $("#rollingBox .rolling-box.active > .imgList");
var active_index = elem.index();
if (!elem.is(':animated')) {
slide_index[active_index]++;
slide(active_index);
}
});
});
// 3단 그리드 롤링 섹션
$(document).ready(function() {
var grid_index = 0;
var elem = $("#grid-rolling > .slide-wrapper > .imgList");
var count = elem.children().length;
var item_size = elem.children().width();
var easeEffect = "easeInOutQuint";
// 그리드 롤링 초기화
function gridInit() {
elem.css('width', item_size * count + 'px');
}
// 슬라이드 처리
function slide() {
if (grid_index < 0) {
grid_index = count - 3;
} else if (grid_index > count - 3) {
grid_index = 0;
}
elem.stop().animate({
left: -grid_index * item_size + 'px'
}, 600, easeEffect);
}
// 이전 버튼 클릭
$("#grid-rolling .control-btn .prev").click(function() {
if (!elem.is(':animated')) {
grid_index--;
slide();
}
});
// 다음 버튼 클릭
$("#grid-rolling .control-btn .next").click(function() {
if (!elem.is(':animated')) {
grid_index++;
slide();
}
});
});
/* ----------------- 서브페이지 전용 스크립트 ----------------- */
// 퀵메뉴 관련 스크립트
$(document).ready(function() {
var easeEffect = "easeInOutExpo";
var btn_pos = parseInt($("#quickmenu").css('right'));
var layer_pos = $("#quickmenu .quick-layer").outerWidth();
$("#quickmenu .iconlist > li").click(function() {
var match = $(this).data('match');
$("#quickmenu .iconlist > li").removeClass('on');
$(this).addClass('on');
if (!$("#quickmenu").hasClass('open')) {
$("#quickmenu").addClass('open');
$("#quickmenu .quick-layer[data-icon=" + match + "]").css('display', 'block');
$("#quickmenu .quick-layer[data-icon=" + match + "]").stop().animate({
right: 0
}, 600, easeEffect);
$("#quickmenu").stop().animate({
right: layer_pos + 'px'
}, 600, easeEffect);
} else {
$("#quickmenu .quick-layer").css('display', 'none');
$("#quickmenu .quick-layer[data-icon=" + match + "]").css({
'display': 'block',
'right': 0
});
}
});
$("#quickmenu .quick-layer .btn-close").click(function() {
$("#quickmenu").removeClass('open');
$("#quickmenu .iconlist > li").removeClass('on');
$("#quickmenu .quick-layer").stop().animate({
right: -layer_pos
}, 600, easeEffect);
$("#quickmenu").stop().animate({
'right': btn_pos
}, 600, easeEffect);
});
});
// 둘러보기 스크립트
$(document).ready(function() {
var old_images = [];
// 최초 상태의 각 탭 메인 썸네일을 변수에 저장
$("#facilitySlider .big-thumb .thumb-list > li").each(function(i) {
old_images[i] = $(this).find('img').attr('src');
i++;
});
// 1단계 : 층별 탭 클릭시 보여지는 탭 내용을 교체 & 각 층의 대표 이미지로 초기화
$("#facilitySlider .big-thumb .floor-tab > li").click(function() {
var tab_index = $(this).index();
$("#facilitySlider .big-thumb .floor-tab > li").removeClass('active');
$(this).addClass('active');
$("#facilitySlider .big-thumb .thumb-list > li").removeClass('active');
$("#facilitySlider .big-thumb .thumb-list > li").eq(tab_index).find('img').attr('src', old_images[tab_index]);
$("#facilitySlider .big-thumb .thumb-list > li").eq(tab_index).addClass('active');
$("#facilitySlider .floor-container > .floor-info .thumb-list > li").removeClass('selected');
$("#facilitySlider .floor-container > .floor-info").removeClass('active');
$("#facilitySlider .floor-container > .floor-info").eq(tab_index).addClass('active');
});
// 2단계 : 각 층별 내부 썸네일 클릭시 대형 썸네일 교체
$("#facilitySlider .floor-container > .floor-info .thumb-list > li").click(function() {
var thumb_img = $(this).find('img').attr('src');
$("#facilitySlider .floor-container > .floor-info .thumb-list > li").removeClass('selected');
$(this).addClass('selected');
$("#facilitySlider .big-thumb .thumb-list > li.active").find('img').attr('src', thumb_img);
});
});
/* ----------------- 게시판 전용 스크립트 ----------------- */
// 이미지 버튼 텍스트로 대체
$(document).ready(function() {
// 관리자 전용 버튼 replace
function admBtnReplace() {
var $url = window.location.href;
var $readpage = $url.indexOf('read_form');
$("#container .innerContainer img").each(function() {
var $src = $(this).attr('src');
// 삭제
if ($src.indexOf('btn_sdel.gif') > -1 && $readpage < 0) {
var $opt = $(this).attr('onclick');
var $link = "삭제";
$(this).before($link);
$(this).remove();
}
// 이동
if ($src.indexOf('move.gif') > -1 && $readpage < 0) {
var $opt = $(this).attr('onclick');
var $link = "이동";
$(this).before($link);
$(this).remove();
}
// 복사
if ($src.indexOf('copy.gif') > -1 && $readpage < 0) {
var $opt = $(this).attr('onclick');
var $link = "복사";
$(this).before($link);
$(this).remove();
}
// 이동 (뷰페이지)
if ($src.indexOf('move.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('이동');
$(this).remove();
}
// 복사 (뷰페이지)
if ($src.indexOf('copy.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('복사');
$(this).remove();
}
// 수정 (뷰페이지)
if ($src.indexOf('modify.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('수정');
$(this).remove();
}
// 삭제 (뷰페이지)
if ($src.indexOf('delete.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('삭제');
$(this).remove();
}
// 답글 (뷰페이지)
if ($src.indexOf('reply.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('답글쓰기');
$(this).remove();
}
});
}
// 일반 기능버튼 replace
function btnReplace() {
$("#container .innerContainer img").each(function() {
var $src = $(this).attr('src');
// 글쓰기
if ($src.indexOf('write.gif') > -1) {
$(this).parent('a').addClass('btn btn-primary');
$(this).parent('a').html('글쓰기');
$(this).remove();
}
// 이전
if ($src.indexOf('prev.gif') > -1) {
$(this).parent('a').addClass('btn btn-default');
$(this).parent('a').html('이전');
$(this).remove();
}
// 목록보기
if ($src.indexOf('list.gif') > -1) {
$(this).parent('a').addClass('btn btn-secondary');
$(this).parent('a').html('목록');
$(this).remove();
}
// 다음
if ($src.indexOf('next.gif') > -1) {
$(this).parent('a').addClass('btn btn-default right-icon');
$(this).parent('a').html('다음');
$(this).remove();
}
// 스팸신고
if ($src.indexOf('spam.gif') > -1) {
var $opt = $(this).attr('onclick');
var $link = '스팸신고';
$(this).before($link);
$(this).remove();
}
// 글 작성/수정/답변 취소
if ($src.indexOf('cancel.gif') > -1) {
$(this).parent('a').attr('href', 'javascript:history.go(-1);');
$(this).parent('a').addClass('btn btn-secondary');
$(this).parent('a').html('취소');
$(this).remove();
}
});
// 검색
$("#ext_search input[type=image]").before('');
$("#ext_search input[type=image]").css('display', 'none');
$(document).on('click', '#ext_search input[type=submit]', function() {
$("#ext_search input[type=image]").trigger('click');
});
// 글 작성/수정/답변
$(".bbsnewf5 input[src*='confirm.gif']").before('');
$(".bbsnewf5 input[src*='confirm.gif']").css('display', 'none');
$(document).on('click', '.bbsnewf5 .btn-confirm', function() {
$(".bbsnewf5 input[src*='confirm.gif']").trigger('click');
});
}
// 회원 관련 버튼 replace
function memBtnReplace() {
$("#container .innerContainer img").each(function() {
var $src = $(this).attr('src');
// 아이디 중복확인
if ($src.indexOf('btn_iddupl.gif') > -1) {
var $opt = $(this).parent().attr('href');
var $link = '아이디 중복확인';
$(this).parent().before($link);
$(this).parent().remove();
}
});
}
admBtnReplace();
btnReplace();
memBtnReplace();
});
// 게시판 카테고리 자동 생성
$(document).ready(function() {
var cate_link = [],
cate_title = [],
currentURL = $(location).attr('pathname'),
param = "?&com_board_category_code=",
currentParam = "",
insertHTML = "",
idx = 0;
if ($("select[name='com_board_category_code']").length > 0) {
currentParam = getUrlParameter('com_board_category_code');
$("select[name='com_board_category_code'] > option").each(function() {
cate_link[idx] = $(this).val();
cate_title[idx] = $(this).text();
idx++;
});
insertHTML = '';
insertHTML += '
';
insertHTML += '