$(function () {
var tpl = $("#header").data("temp");
// 모바일/태블릿/PC 체크 함수
function isPC() {
var wSize = $(window).width();
if (wSize > 1024) {
return true;
} else {
return false;
}
}
// IE 체크
function ifIE() {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
return true;
} else {
return false;
}
return false;
}
if (ifIE() === true) {
if ($("body").hasClass("main")) {
$("head").append('');
} else {
$("head").append('');
}
}
// body 스크롤 방지 함수
function bodyLock() {
$("html").addClass("lock");
}
// body 스크롤 방지 해제 함수
function bodyUnlock() {
$("html").removeClass("lock");
}
// LNB 마우스 액션
$("#lnb > li")
.mouseenter(function () {
$("#lnb > li").removeClass("on");
$(this).addClass("on");
if ($(this).find("ul.depth2").length > 0) {
if (isPC() === true) {
$(this).find("ul.depth2").stop(true, false).fadeIn(200);
}
}
})
.mouseleave(function () {
$("#lnb > li").removeClass("on");
if (isPC() === true) {
$(this).find("ul.depth2").stop(true, false).fadeOut(200);
}
})
.click(function () {
if (isPC() === false) {
if ($(this).find("ul.depth2").length > 0) {
if (!$(this).hasClass("open")) {
$("#lnb > li").removeClass("open");
$("#lnb > li > ul.depth2").css("display", "none");
$(this).find("ul.depth2").css("display", "block");
$(this).addClass("open");
} else {
$(this).removeClass("open");
$(this).find("ul.depth2").css("display", "none");
}
}
} else {
if ($(this).find("ul.depth2").length > 0) {
var sURL = $(this).find("ul.depth2 li:first a").attr("href");
location.href = sURL;
}
}
});
// 태블릿 이하 사이즈 메뉴 펼침 애니메이션
function mMenuOpen() {
var mnu = $("#lnb > li");
var num = 1;
$("#lnb > li > a").css({ position: "relative", top: "-20px", left: "-20px" });
$.each($("#lnb > li > a"), function (i, el) {
$(el).css("opacity", "0");
setTimeout(function () {
$(el).animate({ top: 0, left: 0, opacity: "1" }, 500);
}, 0 + i * 50);
});
}
// 태블릿 이하 사이즈 메뉴 닫기 애니메이션
function mMenuClose() {
var mnu = $("#lnb > li");
var num = 1;
$.each($("#lnb > li > a").get().reverse(), function (i, el) {
setTimeout(function () {
$(el).animate({ top: "-20px", left: "-20px", opacity: "0" }, 500);
}, 0 + i * 50);
});
}
// 태블릿 이하 사이즈에서 메뉴 호출버튼 클릭시
$("#m_call").click(function () {
if (!$(this).hasClass("on")) {
$(this).addClass("on");
bodyLock();
scrollActive();
mMenuOpen();
$(".lnb_wrap").stop(true, false).slideDown(500);
} else {
bodyUnlock();
$(this).removeClass("on");
mMenuClose();
$(".lnb_wrap").stop(true, false).delay(100).slideUp(500);
}
});
// 서브페이지 로고 처리 함수
// 헤더 스크롤 활성화 함수
function scrollActive() {
var winWidth = $(window).width();
$("#header").addClass("scroll");
$("#header h1 img").attr("src", tpl + "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logo.png"); //스크롤시 로고경로
if (winWidth < 768) {
$("#header h1 img").attr("src", "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logom.png"); //스크롤시 로고경로 (모바일일때)
}
$("#scrollTop").stop(true, false).fadeIn(300);
}
// 헤더 스크롤 비활성화 함수
function scrollInactive() {
var winWidth = $(window).width();
$("#header").removeClass("scroll");
if (!$("body").hasClass("main") && !$("#container").hasClass("visual")) {
$("#header h1 img").attr("src", tpl + "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logo.png"); //배경이 어두울때 로고경로
if (winWidth < 768) {
$("#header h1 img").attr("src", "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logom.png"); //배경이 어두울때 로고경로(모바일일때)
}
} else {
$("#header h1 img").attr("src", tpl + "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logo-w.png"); //메인로고경로
if (winWidth < 768) {
$("#header h1 img").attr("src", "http://websre08.shop-websrepublic.co.kr/theme/websre08/img/logom-w.png"); //메인로고경로(모바일일때)
}
}
$("#scrollTop").stop(true, false).fadeOut(300);
}
// 최상단 스크롤 버튼 클릭
$("#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");
});
// 스크롤 처리
$(window).scroll(function () {
var _top = $(this).scrollTop();
if (_top > 50) {
if (!$("#header").hasClass("scroll")) {
scrollActive();
}
} else {
if (isPC() === true) {
scrollInactive();
} else {
if (!$(".lnb_wrap").is(":visible")) {
scrollInactive();
}
}
}
});
// 리사이징 처리
$(window).resize(function () {
var wSize = $(this).width();
if (wSize > 1024) {
bodyUnlock();
$(".lnb_wrap, #lnb > li > a").removeAttr("style");
}
if ($("#photo_swipe").length > 0) {
var wSize = $("#photo_swipe").width();
var count = $("#photo_swipe ul li").length;
$("#photo_swipe ul").css({ width: wSize * count + "px", left: 0 });
$("#photo_swipe ul li").css({ width: wSize + "px" });
}
if ($("#imgPopup").length > 0) {
var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
$("#imgPopup").css({ left: pop_w + "px", top: pop_h + "px" });
}
});
});
$(function () {
function textEffect() {
$("ul.text_effect p .color1")
.stop(true, false)
.animate({ width: "100%" }, 1000, "easeInOutCubic", function () {
$("ul.text_effect p .color2")
.stop(true, false)
.animate({ width: "100%" }, 1000, function () {
$("ul.text_effect p .color1").css({ width: 0 });
$("ul.text_effect p .color2").css({ width: 0 });
textEffect();
});
});
}
if ($("#sub_visual .visual_tit").length > 0) {
$("#sub_visual .visual_tit ul p").animate({ left: "-200px", opacity: 0 });
$("#sub_visual .visual_tit ul").animate({ left: "-200px", opacity: 0 }, 0, function () {
$("#sub_visual .visual_tit ul").animate({ left: "0", opacity: 1 }, 800);
$("#sub_visual .visual_tit ul p").animate({ left: "0", opacity: 1 }, 1000);
});
}
if ($("ul.text_effect").length > 0) {
textEffect();
}
});
$(function () {
var photoIndex = 1;
var swipeIndex = 0;
if ($("#photo_swipe").length > 0) {
var wSize = $("#photo_swipe").width();
var count = $("#photo_swipe ul li").length;
$("#photo_swipe ul").css({ width: wSize * count + "px" });
$("#photo_swipe ul li").css({ width: wSize + "px" });
}
function slide_resize(img) {
var zh = 64;
var vh = (img.height() - zh) / 2;
img.find(".zoom").css({ top: vh + "px" });
}
function slide_init() {
var pcount = Math.ceil($("#photo_list li").length / 4);
var mcount = $("#photo_swipe ul li").length;
$("#container .section_con .photo_slide .paging span.all").text(pcount);
$("#container .section_con .photo_slide .paging_m span.all").text(mcount);
}
function photo_slide() {
var count = Math.ceil($("#photo_list li").length / 4);
var mcount = $("#photo_swipe ul li").length;
var imgSize = $("#photo_swipe ul li:first").width();
if (photoIndex < 1) {
photoIndex = 1;
} else if (photoIndex > count) {
photoIndex = count;
} else {
$("#photo_list li").css({ display: "none" });
$("#photo_list li.page" + photoIndex).css({ display: "block" });
$("#container .section_con .photo_slide .paging span.current").text(photoIndex);
}
}
function swipe_left() {
var imgSize = $("#photo_swipe ul li:first").width();
var mcount = $("#photo_swipe ul li").length;
if (swipeIndex < 0) {
swipeIndex = mcount - 1;
}
$("#photo_swipe ul").css({ left: -imgSize + "px" });
$("#photo_swipe ul li:first").before($("#photo_swipe ul li:last"));
$("#photo_swipe ul")
.stop(true, false)
.animate({ left: 0 }, 300, "easeOutCubic", function () {
$("#container .section_con .photo_slide .paging_m span.current").text(swipeIndex + 1);
});
}
function swipe_right() {
var imgSize = $("#photo_swipe ul li:first").width();
var mcount = $("#photo_swipe ul li").length;
if (swipeIndex >= mcount) {
swipeIndex = 0;
}
$("#photo_swipe ul")
.stop(true, false)
.animate({ left: -imgSize + "px" }, 300, "easeOutCubic", function () {
$("#photo_swipe ul li:last").after($("#photo_swipe ul li:first"));
$("#photo_swipe ul").css({ left: 0 });
$("#container .section_con .photo_slide .paging_m span.current").text(swipeIndex + 1);
});
}
$("#photo_prev").click(function () {
photoIndex--;
photo_slide();
});
$("#photo_next").click(function () {
photoIndex++;
photo_slide();
});
$("#photo_prev_m").click(function () {
swipeIndex--;
swipe_left();
});
$("#photo_next_m").click(function () {
swipeIndex++;
swipe_right();
});
if ($("#photo_swipe").length > 0) {
$("#photo_swipe").swipe({
swipe: function (event, direction, distance, duration, fingerCount, fingerData) {
if (direction == "left") {
swipeIndex++;
swipe_right();
} else if (direction == "right") {
swipeIndex--;
swipe_left();
threshold: 0;
}
},
});
}
$("#photo_list li")
.mouseenter(function () {
$(this).find("a").css({ display: "block" });
slide_resize($(this));
})
.mouseleave(function () {
$(this).find("a").css({ display: "none" });
});
slide_init();
});
$(function () {
var popIndex = 0;
var popCount = $("#imgPopup .img_wrap ul li").length;
function popImgFade() {
if (popIndex < 0) {
popIndex = popCount - 1;
} else if (popIndex >= popCount) {
popIndex = 0;
}
var imgTitle = $("#imgPopup .img_wrap ul li").eq(popIndex).find("img").attr("alt");
console.log(popIndex);
$("#imgPopup .img_wrap ul li").removeClass("on");
$("#imgPopup .img_wrap ul li").eq(popIndex).css({ opacity: 0 });
$("#imgPopup .img_wrap ul li").stop(true, true).eq(popIndex).animate({ opacity: 1 }, 500, "easeOutCubic");
$("#imgPopup .img_wrap ul li").eq(popIndex).addClass("on");
$("#imgPopup p.tit").text(imgTitle);
}
$("#img_popup_wrap .pop_prev").click(function () {
popIndex--;
popImgFade();
});
$("#img_popup_wrap .pop_next").click(function () {
popIndex++;
popImgFade();
});
$("#img_popup_wrap .pop_close").click(function () {
$("#img_popup_wrap").css({ visibility: "hidden" });
});
$("#photo_list li").click(function () {
var idx = $(this).index();
var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
popIndex = idx;
$("#img_popup_wrap").css({ display: "block", visibility: "visible" });
$("#imgPopup").css({ left: pop_w + "px", top: pop_h + "px" });
popImgFade();
});
});
$(window).load(function () {
if ($("#sub_visual").length > 0) {
$("#sub_visual img").addClass("load");
}
});
$(window).resize(function () {
if ($("#photo_swipe").length > 0) {
var wSize = $("#photo_swipe").width();
var count = $("#photo_swipe ul li").length;
$("#photo_swipe ul").css({ width: wSize * count + "px", left: 0 });
$("#photo_swipe ul li").css({ width: wSize + "px" });
}
if ($("#imgPopup").length > 0) {
var pop_w = ($(window).width() - $("#imgPopup").width()) / 2;
var pop_h = ($(window).height() - $("#imgPopup").height()) / 2;
$("#imgPopup").css({ left: pop_w + "px", top: pop_h + "px" });
}
});
$(window).load(function () {
var elem = $(".scrollreveal");
var sty = {
opacity: "0",
transition: "none",
};
elem.css(sty);
$("html, body").animate({ scrollTop: "10" }, 10, function () {
$("html, body").animate({ scrollTop: "0" }, 0);
});
// �좎뜫�뗥칰類욎뿉占쎌눖六� �좎럩伊볩옙轅겸닪�븐슦逾졾뜝�숈삕 �쎧쇨섬占쏙옙
$(window).bind("scroll", function () {
var winWidth = $(this).width();
var winTop = $(this).scrollTop();
var winHeight = $(this).height();
var docHeight = $(document).height();
var hdHeight = $("#header").height();
var elemHeight;
var showDelay = 0;
elem.each(function () {
var etop = $(this).offset().top;
var eh = $(this).height();
var delay = $(this).data("delay");
if (delay == null) {
delay = 100;
}
if (winTop >= etop - winHeight) {
if (!$(this).hasClass("animated")) {
var aniOptions;
var styR = {
position: "relative",
top: "30px",
};
var sty = {
top: "30px",
};
if ($(this).css("position") == "static") {
aniOptions = {
opacity: "1",
top: "0",
};
$(this).css(styR);
} else if ($(this).css("position") == "absolute") {
aniOptions = {
opacity: "1",
};
} else {
aniOptions = {
opacity: "1",
top: "0",
};
$(this).css(sty);
}
showDelay += delay;
$(this)
.stop()
.delay(showDelay)
.animate(aniOptions, 500, function () {
var sty = {
position: "",
top: "",
opacity: "",
transition: "",
};
$(this).css(sty);
});
$(this).addClass("animated");
}
}
});
});
});
$(window).load(function () {
$("#page-loader").fadeOut(600, function () {
$("#page-loader").delay(100).remove();
});
});