// 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];
}
}
};
/* ----------------- 스크롤 헤더 고정 ----------------- */
$(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')
}
});
// 스크롤 이벤트
$(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);
});
});
// 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 < 1025) {
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() {
if (!$("#nav_mask").is(':visible')) {
openNav();
}
});
// 마스크 영역 클릭시에도 메뉴 닫음
// $("#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() {
var tabCheck = getUrlParameter('sub') - 1;
$("#about_tab > li").eq(tabCheck).addClass('on');
});
$(function() {
var tabCheck = getUrlParameter('sub') - 1;
$("#reservation_tab > li").eq(tabCheck).addClass('on');
});
$(function() {
var tabCheck = getUrlParameter('sub') - 1;
$("#comm_tab > li").eq(tabCheck).addClass('on');
});
// $(function(){
// var tabCheck = getUrlParameter('sub')-1;
// $("#villa_tab > li").eq(tabCheck).addClass('on');
// });
// 포문
$(function() {
for (i = 0; i < 10; i++) {};
});
// 전체보기 타이틀 스크립트
$(function() {
if ($(".sub_title > h3.roomInfo").text() == "") {
$(".sub_title > h3.roomInfo").text('객실 전체보기');
$(".sub_title > p.roomInfo").text('원하시는 객실을 선택하시면 자세한 안내를 받으실 수 있습니다.');
}
});
// 예약하기 타이틀
$(function() {
if ($(".sub_visual > h2.re_title").text() == "") {
$(".sub_visual > h2.re_title").text('RESERVATION');
$(".sub_visual > span.re_title").text('실시간 예약');
}
});
// 각 객실 슬라이드 스크립트
$(document).ready(function() {
var old_images = [];
// 최초 상태의 각 탭 메인 썸네일을 변수에 저장
$("#facilitySlider .big-thumb .thumb-list > li").each(function(i) {
old_images[i] = $(this).find('img').attr('src');
i++;
});
// 각 썸네일 클릭시 대형 썸네일 교체
$("#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);
});
});
// 예약미니 달력 하단 클래스명 스크립트
$(function() {
$("form#listChk > div").addClass('info_div');
$(".info_div > b").addClass('ns');
$(".info_div > font").addClass('ns');
$(".info_div > img").css('display', 'none');
});
// 예약정보 테이블 스타일
$(function() {
$(".r_info_table").addClass('reser_table');
$(".r_info_table").addClass('reser_table2');
$(".orderinfo > .r_info_table").addClass('reser_table3');
$(".reser_table3 > tbody > tr > td:nth-child(2) > table").addClass('inTable');
$(".orderinfo > .r_info_table").removeClass('reser_table2');
$(".m_c_td1").addClass('title_td');
$(".r_info_table").removeClass('r_info_table');
$(".reser_table2 > tbody > tr:nth-child(3) > td:nth-child(2)").attr('colspan', '4');
$("#bank > table > tbody > tr:nth-child(3) > td:nth-child(2) > table > tbody > tr > td:last-child").html('기입하신 입금자 명과 실제 입금자명이 일치해야 빠른 입금확인이 가능합니다.
기입하신 입금자명과 실제 입금자명이 다른경우에는 운영자에게 연락하시기 바랍니다.
무통장 신청 및 입금확인이 완료 되면 SMS가 발송됩니다.')
$(".orderinfo > div").addClass('btn_area');
$(".orderinfo > .btn_area > a:first-child").html('이전단계');
$(".orderinfo > .btn_area > a:nth-child(2)").html('다음단계');
});
// 예약달력
$(function() {
$(".calender_bgcolor").addClass("table_cal");
});
//서브 푸터
$(function() {
if ($("body").is(".main") === false) {
$("#footer").addClass("sub");
};
});
// 모바일메뉴
$(function() {
var mobileMenu = $("#gnbClose");
var mobileinner = $("#header > .inner");
var navMask = $("#nav_mask");
mobileMenu.click(function() {
if (mobileMenu.hasClass('open') === false) {
mobileMenu.addClass('open');
mobileinner.addClass('open');
navMask.addClass('open');
} else {
mobileMenu.removeClass('open');
mobileinner.removeClass('open');
navMask.removeClass('open');
}
});
});
// 모바일 마스크 클릭시 닫음
$(function() {
var navMask = $("#nav_mask")
navMask.click(function() {
if ($("#gnbClose").hasClass('open') === true) {
$("#gnbClose").removeClass('open');
$("#header > .inner").removeClass('open');
navMask.removeClass('open');
}
});
});
// 태블릿 사이즈에서 a링크 초기화
$(function() {
var winWidth = $(window).width();
if (winWidth < 1025) {
$("#gnb > li > a").click(function(event) {
event.preventDefault();
});
// $("#gnb > li").removeClass('on');
// $("#gnb > li > a").click(function() {
// $(this).next('ul').stop().slideDown(300);
// if ($("#gnb > li").hasClass('open')) {
// $("#gnb > li.open > a").next('ul').stop().slideDown(300);
// } else {
// $("#gnb > li > a").next('ul').stop().slideUp(300);
// }
// });
}
});
// 스크롤 탑
$(function() {
$("a[href='#top']").click(function() {
$("html, body").animate({
scrollTop: 0
}, "slow");
return false;
});
});
$(window).scroll(function() {
var scrollBtn = $('#scrollTop');
if ($(this).scrollTop() >= 300) scrollBtn.addClass('shown');
else scrollBtn.removeClass('shown');
});