// GNB 마우스 이벤트
$(function() {
$("#gnb > li").bind('mouseenter mouseleave click', function(e) {
var winWidth = $(window).width();
if(e.type === 'mouseenter') {
if(winWidth > 768) {
$("#gnb > li").removeClass('on');
$(this).addClass('on');
$("#gnb > li > ul.submnu").fadeOut(300);
if($(this).find('ul.submnu').length > 0) {
$(this).find('ul.submnu').stop(true,false).fadeIn(300);
}
}
}
if(e.type === 'mouseleave') {
if(winWidth>768) {
$("#gnb > li").removeClass('on');
$("#gnb > li > ul.submnu").stop(true,false).fadeOut(300);
}
}
});
$("#gnb > li > a").click(function(e) {
var winWidth = $(window).width();
if(winWidth <= 768) {
if($(this).next('.submnu').length > 0) e.preventDefault();
if(!$(this).parent('li').hasClass('open')) {
$("#gnb > li").removeClass('open');
$(this).parent('li').addClass('open');
$("#gnb > li > ul.submnu").stop(true,false).slideUp(300);
$(this).siblings('ul.submnu').stop(true,false).slideDown(300);
} else {
$(this).parent('li').removeClass('open');
$(this).siblings('ul.submnu').stop(true,false).slideUp(300);
}
}
});
});
// 메뉴 호출
$(function() {
// 메뉴 호출버튼 클릭시
$("#gnbOpen").click(function() {
if(!$("#nav_mask").is(':visible')) {
openNav();
}
});
// 메뉴 닫기버튼 클릭시
$("#gnbClose").click(function() {
closeNav();
});
// 마스크 영역 클릭시에도 메뉴 닫음
$("#nav_mask").click(function() {
closeNav();
});
// 메뉴 클릭시
$("#gnb > ul > li > a").bind('click touchstart', function(e) {
var $submnu = $(this).siblings('ul');
if($submnu.length > 0) {
e.preventDefault();
$("#gnb > ul > li > ul.submnu").css('display','none');
$submnu.css({display:'block', left:'100%'});
$submnu.stop(true,false).animate({left:'-20px'}, 500, 'easeOutCubic', function() {
setMnuHeight('animate');
$submnu.stop(true,false).animate({left:'20px'}, 100, function() {
$submnu.stop(true,false).animate({left:0}, 100);
});
});
}
});
// 전체메뉴 열기
function openNav() {
$("#gnbOpen").addClass('open');
$("#nav_mask").stop(true,false).delay(300).fadeIn(300);
$("#navigation").stop(true,false).delay(300).animate({right:0}, 500, 'easeOutCubic');
}
// 전체메뉴 닫기
function closeNav() {
$("#gnbOpen").removeClass('open');
$("#navigation").stop(true,false).animate({right:'-290px'}, 500, 'easeOutCubic', function() {
$("#nav_mask").stop(true,false).fadeOut(300);
});
}
});
// 상단으로 스크롤 버튼 이벤트
$(function() {
// 버튼 클릭시 화면 상단으로 스크롤
$("#scrollTop a").click(function(e) {
e.preventDefault();
$("html, body").stop(true,false).animate({scrollTop:0}, 400, 'easeOutCubic');
});
// 마우스 이벤트 처리
$("#scrollTop a").mouseenter(function() {
if(!$(this).hasClass('on')) {
$(this).addClass('on');
}
}).mouseleave(function() {
$(this).removeClass('on');
});
});
// 스크롤 이벤트
$(function() {
var scrollH = $(document).height() - $(window).height();
var subMaxOpacity = 80 / scrollH;
$(window).scroll(function() {
var wTop = $(this).scrollTop();
var winWidth = $(this).width();
// 스크롤 활성화 처리 함수
function scrollActive() {
if(!$("#header").hasClass('scroll')) {
$("#header").addClass('scroll');
$("#scrollTop").stop(true,false).fadeIn(300);
}
}
// 스크롤 비활성화 처리 함수
function scrollInactive() {
$("#header").removeClass('scroll');
$("#scrollTop").stop(true,false).fadeOut(300);
}
if($("body").hasClass('main')) {
if(winWidth > 1024) {
if(wTop >= 750) {
scrollActive();
} else {
scrollInactive();
}
} else if (winWidth>768 && winWidth <= 1024) {
if(wTop >= 500) {
scrollActive();
} else {
scrollInactive();
}
} else {
if(wTop >= 380) {
scrollActive();
} else {
scrollInactive();
}
}
} else {
if(winWidth > 1024) {
if(wTop >= 750) {
scrollActive();
} else {
scrollInactive();
}
} else if (winWidth>768 && winWidth <= 1024) {
if(wTop >= 500) {
scrollActive();
} else {
scrollInactive();
}
} else if (winWidth>640 && winWidth <= 768) {
if(wTop >= 380) {
scrollActive();
} else {
scrollInactive();
}
} else if (winWidth>480 && winWidth <= 640) {
if(wTop >= 250) {
scrollActive();
} else {
scrollInactive();
}
} else {
if(wTop >= 225) {
scrollActive();
} else {
scrollInactive();
}
}
}
// 서브 비주얼 스크롤시 마스크 배경 투명도 처리
var subOpacity = (subMaxOpacity*wTop)*0.03;
$("#sub_visual > .scrollbg").css('opacity',subOpacity);
});
});
// 서브페이지 공통 함수
$(function() {
// 서브 비주얼 이미지 페이드 변수 정의
var sIndex = 0;
var sTimer;
var sInterval = 3000;
// 서브 비주얼 이미지 초기셋팅
function subImgInit() {
$("#sub_visual ul li:last").after($("#sub_visual ul li[data-idx=" + sIndex + "]"));
}
// 서브 비주얼 이미지 페이드 함수
function subFade() {
var count = $("#sub_visual ul li").length;
sIndex++;
if(sIndex>=count) { sIndex = 0 }
$("#sub_visual ul li").removeClass('active');
$("#sub_visual ul li:last").after($("#sub_visual ul li[data-idx=" + sIndex + "]"));
$("#sub_visual ul li[data-idx=" + sIndex + "]").addClass('active');
$("#sub_visual ul li[data-idx=" + sIndex + "]").stop(true,false).animate({opacity:0}, 0);
$("#sub_visual ul li[data-idx=" + sIndex + "]").stop(true,false).animate({opacity:1}, 500);
}
// 서브 비주얼 타이틀 활성화
function initTitle() {
var majorTitle = $("#nav .depth1 > a > span").text();
var minorTitle = $("#nav .depth2 > a > span").text();
$("#sub_visual > .title > h2").text(majorTitle);
$("#sub_visual > .title > h3").text(minorTitle);
}
// 서브 비주얼 이미지 자동 페이드
sTimer = setInterval(function() { subFade(); }, sInterval);
// 1차 드롭다운 메뉴 활성화
function majorActive() {
var currIndex = $("#container").data('menu') - 1;
var currMenu = $("#nav .depth1 ul.mnuList li").eq(currIndex).text();
$("#nav .depth1 > a > span").text(currMenu);
}
// 2차 드롭다운 메뉴 활성화
function minorActive() {
var currIndex = $("#container").data('sub') - 1;
var currMenu = $("#nav .depth2 ul.mnuList li").eq(currIndex).text();
$("#nav .depth2 > a > span").text(currMenu);
}
// 드롭박스 메뉴 클릭 처리
$("#nav .dropdown > a").click(function() {
if(!$(this).parent('.dropdown').hasClass('open')) {
$("#nav .dropdown").removeClass('open');
$("#nav .dropdown > ul.mnuList").stop(true,false).fadeOut(200);
$(this).parent('.dropdown').addClass('open');
$(this).siblings('ul.mnuList').stop(true,false).fadeIn(200);
} else {
$(this).parent('.dropdown').removeClass('open');
$(this).siblings('ul.mnuList').stop(true,false).fadeOut(200);
}
});
// 서브 페이드 비주얼 및 드롭박스 메뉴 동기화
$(window).load(function() {
subImgInit();
majorActive();
minorActive();
initTitle();
});
// 관리자 전용 버튼 replace (ajax 로드시마다 호출)
function admBtnReplace() {
var $url = window.location.href;
var $readpage = $url.indexOf('read_form');
$("#container .inner 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 btn-sm');
$(this).parent('a').html('이동');
$(this).remove();
}
// 복사 (뷰페이지)
if($src.indexOf('copy.gif') > -1 && $readpage > -1) {
$(this).parent('a').addClass('btn btn-default btn-sm');
$(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 .inner 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 btn-sm');
$(this).parent('a').html('이전');
$(this).remove();
}
// 목록보기
if($src.indexOf('list.gif') > -1) {
$(this).parent('a').addClass('btn btn-default btn-sm');
$(this).parent('a').html('목록');
$(this).remove();
}
// 다음
if($src.indexOf('next.gif') > -1) {
$(this).parent('a').addClass('btn btn-default btn-sm');
$(this).parent('a').html('다음');
$(this).remove();
}
// 스팸신고
if($src.indexOf('spam.gif') > -1) {
var $opt = $(this).attr('onclick');
var $link = '스팸신고';
$(this).before($link);
$(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');
});
// 댓글달기
if($(".board_comment_bgcolor input[type=image]").length > 0) {
var $link = '';
$(".board_comment_bgcolor input[type=image]").before($link);
$(".board_comment_bgcolor input[type=image]").css('display','none');
}
$(document).on('click', '.board_comment_bgcolor input[type=submit]', function() {
$(".board_comment_bgcolor input[type=image]").trigger('click');
});
}
admBtnReplace();
btnReplace();
});
// 폼메일 placehold 추가
$(function() {
if ($(".tbl_formmail").length > 0) {
var $form = $(".tbl_formmail");
$form.find('input[name=name]').attr('placeholder', 'Name');
$form.find('input[name=receiver_email]').attr('placeholder', 'Email');
$form.find('textarea[name=description]').attr('placeholder', 'Message');
}
});