(function(){
var o = "$websre";
window[o] = {
o: "$websre",
$EB: $.eventBridge,
$ED: $.eventDictionary,
overlay: null,
topNav: null,
slider: {},
conf: {
MIN_WIDTH: 1280,
scrollTop: 0,
headerSpaceTop: 40,
winWidth: 0,
navMove: {
first: 0,
last: 60
},
status: {
overlayShow: false
},
scrollMoveHeader: {
isFixed: false
}
},
css : {
on: '_on',
open: '_open',
active: '_active',
min: 'min',
fixed: 'fixed',
main: 'main'
},
duration: {
topNavSub: 150,
moveNav: 350,
moveSubSide: 150,
mainVisual: 550
},
delay: {
},
timer: {
topNav: null,
topNavActive: null
},
util: {
createOverlay: function() {
var el = o.el,
conf = o.conf,
spaceH = el.$header.height() + el.$visual.height(),
winH, posY,
$openerElement, $overlayCloseNext;
function setContentTop() {
posY = ((el.$win.height() - el.$overlayContent.height())/2) + conf.scrollTop;
el.$overlayContent.css({
top : posY
});
}
function overlayCloseBlur() {
}
function overlayShow(openerElement) {
winH = el.$wrap.height() + spaceH;
setContentTop();
el.$overlay.css({
height : winH,
display : 'block'
});
el.$overlayContent.css({
display : 'block' 
});
conf.status.overlayShow = true;
el.$overlayClose.focus();
if(openerElement !== undefined) {
$openerElement = $(openerElement);
$overlayCloseNext = el.$overlayClose.next();
$overlayCloseNext.on('focus', function(e){
$openerElement.focus();
$overlayCloseNext.off('focus');
$overlayCloseNext.removeAttr('tabIndex');
overlayHide();
})
$overlayCloseNext[0].tabIndex = 0;
}
}
function overlayHide() {
el.$overlayContent.css({
display : 'none'
});
el.$overlay.css({
display : 'none'
});
conf.status.overlayShow = false;
}
el.$overlay.on('click', overlayHide);
el.$overlayClose.on('click', function(e){
e.preventDefault();
overlayHide();
if ($openerElement.get(0)) {
$openerElement.focus();
$openerElement = null;
}
});
o.$EB.on(o.$ED.global.SCROLL, function(){
if (conf.status.overlayShow == false) return;
setContentTop();
});
return {
show : overlayShow,
hide : overlayHide
};
},
createSlider: function(options){
var opt = options,
$sImageOuter = $(opt.outer),
$rootOuter = (opt.rootOuter !== undefined) ? $(opt.rootOuter) : $sImageOuter,
$sImage = $sImageOuter.find(opt.item),
$sControl = $(opt.control),
btnPrevName = opt.btnPrevName || 'btn-1-prev',
btnNextName = opt.btnNextName || 'btn-1-next',
totalLength = $sImage.length,
currentIndex = 0,
duration = opt.duration || 750,
stateAni = false,
direction = {
left: "LEFT",
right: "RIGHT"
},
currentBeginFunc = opt.currentBeginFunc || function(){},
currentCompleteFunc = opt.currentCompleteFunc || function(){},
selectBeginFunc = opt.selectBeginFunc || function(){},
selectCompleteFunc = opt.selectCompleteFunc || function(){},
paging = null,
pagingEvent = opt.pagingEvent || undefined,
pagingTitle = (opt.pagingTitle !== undefined) ? $(opt.pagingTitle[0]) : '',
pagingTitle2 = (opt.pagingTitle !== undefined) ? opt.pagingTitle[1] : '',
pagingText = opt.pagingText || '',
pagingEventTimerOut = null,
thumbnail = null;
//customFunc = opt.customFunc || undefined;
function createThumbnail() {
var $el = $(opt.thumbnail),
$elInner = $el.find('.thumb-imgs'),
$thumbnailImgs = $sImage.find('img'),
IMG_WIDTH = 236,
OUTER_BORDER_WIDTH = 4,
isShow = false;
function move(n) {
if(n === undefined) return;
$elInner.stop().animate({
left: -IMG_WIDTH * n
}, duration, 'easeOutCubic');
$el.stop().animate({
left: (IMG_WIDTH + OUTER_BORDER_WIDTH) * n
}, duration/2, 'easeOutCubic');
}
function thumbnailShow(n) {
if (isShow == false) {
$elInner.css({
left: -IMG_WIDTH * n
});
$el.css({
left: (IMG_WIDTH + OUTER_BORDER_WIDTH) * n,
bottom: 40
});
}
isShow = true;
move(n);
}
function thumbnailHide(n) {
$el.stop().css({
bottom: -240
});
isShow = false;
}
$el.css("left", 0);
$elInner.css({
left: 0,
width: $thumbnailImgs.length * IMG_WIDTH
}).empty().append($thumbnailImgs.clone());
return {
move: move,
show: thumbnailShow,
hide: thumbnailHide
}
}
function createPaging(pagingCount, pagingEvent) {
if (!pagingCount) return;
var $el = $(opt.paging) || $('<div class="sss-paging"></div>'),
currentCount = 0,
links = [],
cssOn = 'on',
i, max;
function setPaging(n) {
//if (!arguments.length || stateAni == true) return;
if (!arguments.length) return;
links[currentCount].removeClass(cssOn);
currentCount = n;
links[currentCount].addClass(cssOn);
setCurrentIndex(n);
if (thumbnail != null) thumbnail.move(n);
}
function pagingClickEvent(e) {
e.preventDefault();
if (stateAni == true) return;
setPaging($(this).data('sss-index'));
}
function thumbnailShow() {
clearTimeout(pagingEventTimerOut);
thumbnail.show($(this).data('sss-index'));
}
function thumbnailHide() {
pagingEventTimerOut = setTimeout(function(){
thumbnail.hide($(this).data('sss-index'));
}, 150);
}
$el.empty();
for (i = 0, max = pagingCount; i < max; i++) {
var $link = $('<a href="#"><span>'+pagingText+''+(i+1)*1+'</span></a>');
$link
.attr("data-sss-index", i)
.on("click", pagingClickEvent)
.appendTo($el);
if (pagingTitle !== undefined && pagingTitle !== '') {
$link.attr('title', pagingTitle.eq(i).text()+' '+pagingTitle2); 
}
if (pagingEvent !== undefined) $link.on(pagingEvent);
links.push($link);
}
setPaging(0);
if (thumbnail != null) {
//$rootOuter.on('mouseenter', thumbnailShow);
//$rootOuter.on('mouseleave', thumbnailHide);
$el.on('mouseenter focus', 'a', thumbnailShow);
$el.on('mouseleave', 'a', thumbnailHide);
}
return {
//$el : $el,
setPaging : setPaging,
show : function() {},
hide : function() {}
}
}
function move($el, opt) {
stateAni = true;
if (opt.beginFnc !== undefined) opt.beginFnc();
$el.css(opt.css).stop().animate(opt.ani, duration, 'easeInOutCubic', function(){
stateAni = false;
if (opt.completeFnc !== undefined) opt.completeFnc();
});
}
function setCurrentIndex(index, dir) {
var $currentItem, $selectItem, currentDirection;
if (index == currentIndex) return;
if (index < 0) {
index = totalLength-1;
} else if (index > totalLength-1) {
index = 0;
}
currentDirection = (dir !== undefined) ? dir : ((index < currentIndex) ? direction.right : direction.left);
$currentItem = $sImage.eq(currentIndex);
$selectItem = $sImage.eq(index);
move($currentItem, (currentDirection == direction.left) ? {
$el: $currentItem,
direction: currentDirection,
css: { top:0, left: 0 },
ani: { left : -$currentItem.width() },
beginFnc: currentBeginFunc,
completeFnc: currentCompleteFunc
} : {
$el: $currentItem,
direction: currentDirection,
css: { top:0, left: 0 },
ani: { left : $currentItem.width() },
beginFnc: currentBeginFunc,
completeFnc: currentCompleteFunc
});
currentIndex = index;
$sImageOuter.data("index", index);
if (paging !== null) {
paging.setPaging(index);
}
move($selectItem, (currentDirection == direction.left) ? {
$el: $selectItem,
direction: currentDirection,
css: { top:0, left: $selectItem.width() },
ani: { left : 0 },
beginFnc: selectBeginFunc,
completeFnc: selectCompleteFunc
} : {
$el: $selectItem,
direction: currentDirection,
css: { top:0, left: -$selectItem.width() },
ani: { left : 0 },
beginFnc: selectBeginFunc,
completeFnc: selectCompleteFunc
});
}
function btnControlClickEvent(e) {
e.preventDefault();
if (stateAni == true) return;
switch ($(this)[0].className) {
case btnPrevName :
setCurrentIndex(currentIndex-1, direction.right);
break;
case btnNextName :
setCurrentIndex(currentIndex+1, direction.left);
break;
}
}
function sliderShow() {
$sImageOuter.show();
}
function sliderHide() {
$sImageOuter.hide();
}
function sliderMove(index) {
if (index === undefined) return;
setCurrentIndex(index);
}
$sControl.on('click', 'a', btnControlClickEvent);
$sImageOuter.attr("data-index", currentIndex);
$sImage.eq(currentIndex).css("left", currentIndex);
sliderMove(0);
if (totalLength == 1) {
$sControl.css('display', 'none');
}
if (opt.thumbnail !== undefined) {
thumbnail = createThumbnail();
}
if (opt.paging !== undefined) {
paging = createPaging(totalLength, pagingEvent);
}
return {
move: sliderMove,
show: sliderShow,
hide: sliderHide
}
},
inputFile: function() {
function filesChangeEvent() {
var $this = $(this),
fileName = $this[0].value.substring($this[0].value.lastIndexOf('\\')+1);
$this.parent().prev().val(fileName);
}
o.el.$inputFiles.on('change', filesChangeEvent);
},
boardHoverEvent: function() {
var $tbListsTR;
function tableListMouseEvent(e) {
var eType = e.type,
$this = $(this),
$next = $this.next(),
cssName = '_hover';
if ($next.length == 0) return;
switch (eType) {
case 'mouseenter' :
$next.addClass(cssName);
break;
case 'mouseleave' :
$next.removeClass(cssName);
break;
}
}
$.each(o.el.$tbLists, function(){
$tbListsTR = o.el.$tbLists.find('tbody tr:not(last)');
$tbListsTR.on('mouseenter mouseleave', tableListMouseEvent);
});
},
faq: function() {
var $faqListLI = o.el.$faqLists.find('li'),
$faqLinks = o.el.$faqLists.find('dt a'),
cssName = '_on';
function faqLinksEvent(e) {
e.preventDefault();
var $this = $(this),
$parentLI = $this.parent().parent().parent();
if ($parentLI.hasClass(cssName) == true) {
$parentLI.removeClass(cssName)
} else {
$faqListLI.removeClass(cssName);
$parentLI.addClass(cssName);
}
}
$faqLinks.on('click', faqLinksEvent);
},
modRoomGallery: function() {
var cssOpen = '_open',
$btnFloorplanview = o.el.$modRoomGallery.find('a.btn-floorplanview');
function btnFloorPlanViewEvent(e) {
e.preventDefault();
var $this = $(this),
$img = $this.parent().find('.img'),
$modGallery = $this.parent().parent(),
duration = 750,
ease = 'easeOutCubic',
titleText = 'floor plan ·¹À̾î'
if (!$modGallery.hasClass(cssOpen)) {
$modGallery.addClass(cssOpen);
$img.css({
opacity: 0,
display: 'block'
}).stop().animate({
opacity: 1
}, duration, ease);
$btnFloorplanview.attr('title', titleText+' ´Ý±â');
} else {
$modGallery.removeClass(cssOpen);
$img.stop().animate({
opacity: 0
}, duration, ease, function(){
$img.removeAttr('style');
});
$btnFloorplanview.attr('title', titleText+' ¿­±â');
}
}
$btnFloorplanview.on('click', btnFloorPlanViewEvent);
},
getScrollTop: function() {
o.conf.scrollTop = o.el.$win.scrollTop();
},
getWinWidth: function() {
o.conf.winWidth = o.el.$win.width();
return o.conf.winWidth;
},
getRandomNum: function(num) {
return Math.floor((Math.random() * num) + 1);
},
randomSort: function() {
return Math.random() - Math.random();
},
getCookie: function getCookie(name){
var wcname = name + '=';
var wcstart, wcend, end;
var i = 0;
while(i <= document.cookie.length) {
wcstart = i;
wcend = (i + wcname.length);
if(document.cookie.substring(wcstart, wcend) == wcname) {
if((end = document.cookie.indexOf(';', wcend)) == -1)
end = document.cookie.length;
return document.cookie.substring(wcend, end);
}
i = document.cookie.indexOf('', i) + 1;
if(i == 0)
break;
}
return '';
},
createSliderMulti : function(options) {
var opt = options,
$sImageOuter = $(opt.outer),
$rootOuter = (opt.rootOuter !== undefined) ? $(opt.rootOuter) : $sImageOuter,
$sImage = $sImageOuter.find(opt.item),
$sControl = $(opt.control),
btnPrevName = opt.btnPrevName || 'btn-1-prev',
btnNextName = opt.btnNextName || 'btn-1-next',
totalLength = $sImage.length,
currentIndex = 0,
duration = opt.duration || 750,
ease = opt.ease || 'easeOutCubic',
stateAni = false,
direction = {
left: "LEFT",
right: "RIGHT"
},
currentBeginFunc = opt.currentBeginFunc || function(){
//console.log('currentBeginFunc');
},
currentCompleteFunc = opt.currentCompleteFunc || function(){
//console.log('currentCompleteFunc');
},
selectBeginFunc = opt.selectBeginFunc || function(){
//console.log('selectBeginFunc');
},
selectCompleteFunc = opt.selectCompleteFunc || function(){
//console.log('selectCompleteFunc');
},
optChildTAG = opt.childTAG || $sImage[0].nodeName,
$firstGroup = $('<'+optChildTAG+' class="sss-group-first"/>'),
$lastGroup = $('<'+optChildTAG+' class="sss-group-last"/>'),
viewCount = opt.viewCount || 1,
viewWidth = $sImageOuter.width(),
makeChildItems = makeChildElement({
$itemAll: $sImage,
viewCount: viewCount
}),
isFirstGorupCurrent = true,
$currentElement = $firstGroup;
function setCurrentElement($itemsData, dir) {
var funcDATA = {
$el: $currentElement,
$itemsData: $itemsData,
direction: dir
};
stateAni = true;
currentBeginFunc(funcDATA);
$currentElement.stop().animate({
left : (dir == direction.left) ? -viewWidth-20 : viewWidth+20
}, duration, ease, function() {
currentCompleteFunc(funcDATA);
$(this).empty();
});
if (isFirstGorupCurrent == true) {
isFirstGorupCurrent = false;
$currentElement = $lastGroup;
} else {
isFirstGorupCurrent = true;
$currentElement = $firstGroup;
}
funcDATA.$el = $currentElement;
selectBeginFunc(funcDATA);
$currentElement
//.empty()
.css({
left : (dir == direction.left) ? viewWidth+20 : -viewWidth-20
})
.stop()
.animate({
left : 0
}, duration, ease, function(){
selectCompleteFunc(funcDATA);
stateAni = false;
})
.append($itemsData);
}
function btnControlClickEvent(e) {
e.preventDefault();
if (stateAni == true) return;
switch ($(this)[0].className) {
case btnPrevName :
setCurrentElement(makeChildItems.get(true), direction.right);
break;
case btnNextName :
setCurrentElement(makeChildItems.get(), direction.left);
break;
}
}
function makeChildElement (options) {
var opt = options,
$items = opt.$itemAll,
numArray = $items.length,
numDisplay = opt.viewCount,
childTAG = (optChildTAG.toLowerCase() == 'li') ? 'ul' : 'div',
currentIndex = -1;
function getArrData(reverse) {
var i, max, returnArray = [], testArray = [];
currentIndex = 0 > currentIndex ? 0 : reverse ? currentIndex-numDisplay : currentIndex+numDisplay;
if (0 > currentIndex) {
currentIndex = numArray+currentIndex;
}
for (i = currentIndex, max = i+numDisplay; i < max; i++) {
//testArray.push(i%numArray);
returnArray.push($items.eq(i%numArray).clone());
}
//console.log(testArray);
return returnArray;
}
function makeItemsElement(reverse) {
var $childGroup = $('<'+childTAG+'/>');
$.each(getArrData(reverse), function(){
$childGroup.append(this.eq(0));
});
return $childGroup;
}
return {
get: makeItemsElement
}
}
$sImage.remove();
$currentElement.append(makeChildItems.get());
$sImageOuter.append($firstGroup, $lastGroup);
$sControl.on('click', 'a', btnControlClickEvent);
$sImageOuter.attr("data-index", currentIndex);
$sImage.eq(currentIndex).css("left", currentIndex);
if ($sImage.length <= viewCount) $sControl.css('display', 'none');
return {
show: function(){},
hide: function(){}
}
}
},
checkMinWidth: function() {
var $wrap = o.el.$wrap,
cssMin = o.css.min;
if (o.util.getWinWidth() <= o.conf.MIN_WIDTH) {
$wrap.addClass(cssMin);
} else {
$wrap.removeClass(cssMin);
}
},
scrollMoveHeader: function() {
var conf = o.conf,
el = o.el,
oCss = o.css,
speed = o.duration.moveNav,
topVal;
if (conf.scrollTop <= conf.headerPosY ) {
el.$header
.css("top", 0)
.removeClass(oCss.fixed);
el.$visual.removeClass(oCss.fixed);
if (o.conf.scrollMoveHeader.isFixed == true) {
o.conf.scrollMoveHeader.isFixed = false;
el.$nav
.animate({
left : conf.navMove.first
}, {
queue: false,
duration : speed,
easing: 'easeOutCubic',
compile: function() {
if (o.conf.scrollMoveHeader.isFixed == false) {
el.$header.removeClass(oCss.fixed);
}
}
});
}
} else if(conf.scrollTop > conf.headerPosY) {
topVal = conf.scrollTop - conf.headerPosY;
topVal = (topVal > conf.headerHeight-conf.headerSpaceTop) ? conf.headerHeight-conf.headerSpaceTop : topVal;
el.$header.css("top", -topVal);
if (o.conf.scrollMoveHeader.isFixed == false) {
o.conf.scrollMoveHeader.isFixed = true;
el.$nav
.animate({
left : conf.navMove.last
}, {
queue: false,
duration : speed,
easing: 'easeOutCubic',
complete: function() {
if (o.conf.scrollMoveHeader.isFixed == true) {
el.$header.addClass(oCss.fixed);
el.$visual.addClass(oCss.fixed);
}
}
});
}
}
el.$languageSelect.removeClass('on');
},
scrollMoveSideButtons: function() {
var conf = o.conf,
el = o.el,
mvContentPosY = el.$mvContent.offset().top - o.conf.navHeight,
mvSideTop = (conf.scrollTop < mvContentPosY) ? 0 : (o.conf.scrollTop - mvContentPosY)+15;
if (conf.scrollTop < mvContentPosY-38) {
el.$mvSide.removeClass(o.css.fixed);
} else {
el.$mvSide.addClass(o.css.fixed);
}
// el.$mvSide.css("top", mvSideTop);
// el.$mvSide.stop().animate({
// top : mvSideTop
// }, o.duration.moveSubSide, 'easeOutCubic');
},
topNavigation : function() {
var el = o.el,
$navLinks = el.$nav.find('.depth1'),
$depth1Links = el.$nav.find('.depth1 > li > a'),
$depth1Parents = el.$nav.find('.depth1 > li'),
cssOn = o.css.on,
cssActive = o.css.active,
navActiveCode = el.$nav.data('active-code') || '0 0 0',
navActiveCodeData = navActiveCode.split(" "),
navAcitveD1 = navActiveCodeData[0]-1,
navAcitveD2 = (navActiveCodeData[1]-1),
navAcitveD3 = navActiveCodeData[2]-1,
navBar = (function(){
var ani = {
open: {
height: 39
},
close: {
height: 0
}
},
speed = o.duration.topNavSub,
easeOpt = 'easeOutCubic';
function open(isQuick) {
if (isQuick) {
el.$headerBar.css({
height: ani.open.height
});
} else {
el.$headerBar.stop().animate(ani.open, speed, easeOpt);
}
}
function close() {
el.$headerBar.stop().animate(ani.close, speed, easeOpt);
}
return {
open: open,
close: close
};
})();
function depth1LinksEvent(e) {
var $this = $(this),
$parentLI = $this.parent(),
depth2Length = $parentLI.find('ul').length;
clearTimeout(o.timer.topNav);
$depth1Parents.removeClass(cssOn).removeClass(cssActive);
$parentLI.addClass(cssOn);
if (e.type == 'focus') {
$depth1Parents.find('.depth2 > li').removeClass(cssOn);
}
if (depth2Length > 0) {
navBar.open();
}
if (depth2Length == 0) {
navBar.close();
}
// navBar.open();
}
function depth2LinksEvent() {
var $this = $(this),
$parentLI = $this.parent(),
$parentLIroot = $parentLI.parent().parent();
clearTimeout(o.timer.topNav);
$parentLI.siblings().removeClass(cssOn).removeClass(cssActive);
$parentLI.addClass(cssOn);
$parentLIroot.find('a:first').trigger('mouseenter');
if (!$parentLI.parent().hasClass(cssOn)) {
$parentLIroot.siblings().removeClass(cssOn);
$parentLIroot.addClass(cssOn);
}
}
function navLinksBlurEvent() {
o.timer.topNav = setTimeout(function(){
el.$nav.find('li').removeClass(cssOn).removeClass(cssActive);
if (navAcitveD1 == -1) navBar.close();
navActive();
}, 1);
}
function navActive() {
var cssActive = o.css.active,
$dpeth1, $dpeth2;
if (navAcitveD1 != -1) {
$dpeth1 = $depth1Parents.eq(navAcitveD1);
$dpeth1.addClass(cssActive);
if (navAcitveD2 != -1) {
navBar.open(true);
} else {
navBar.close();
}
}
if (navAcitveD2 != -1) {
$dpeth2 = $dpeth1.find('.depth2 > li').eq(navAcitveD2);
$dpeth2.addClass(cssActive);
} else {
if (navAcitveD1 != -1 && navAcitveD1 != 6) {
navBar.open();
}
}
//if (depth3Active != -1) {
// $dpeth3 = $dpeth2.find('.depth3 > li').eq(depth3Active);
// $dpeth3.addClass(cssActive);
//}
}
$depth1Links.on('mouseenter focus', depth1LinksEvent);
$depth1Parents.on('mouseenter focus', '.depth2 > li a', depth2LinksEvent);
$navLinks.on('blur', 'a', navLinksBlurEvent);
el.$nav.on('mouseleave', navLinksBlurEvent);
el.$header.append(el.$headerBar);
el.$win.load(function(){
navActive();
});
return {
show: function(){},
hide: function(){}
};
},
languageSelect: function() {
var el = this.el,
cssOn = 'on';
el.$languageSelectButton.on('click', function(e){
e.preventDefault();
if (el.$languageSelect.hasClass(cssOn)) {
el.$languageSelect.removeClass(cssOn);
} else {
el.$languageSelect.addClass(cssOn);
}
});
},
active: function() {
var conf = o.conf,
util = o.util,
el = this.el,
mmCurrentIndex = 1;
o.$EB.on(o.$ED.global.SCROLL, util.getScrollTop);
o.$EB.on(o.$ED.global.RESIZE, this.checkMinWidth);
o.$EB.on(o.$ED.global.LOAD, this.checkMinWidth);
o.$EB.on(o.$ED.global.SCROLL, this.scrollMoveHeader);
// nav
if (el.$nav.length != 0) {
this.topNavigation = this.topNavigation();
}
// Language Select
if (el.$languageSelect.get(0)) {
this.languageSelect();
}
// main top visual
if (el.$visual.length != 0) {
o.slider.mainVisual = util.createSlider({
outer: '#visual .v-images',
item: '.v-image',
control: '#visual .a-control',
duration: 950,
currentCompleteFunc: function(){
var $el = this.$el;
$el.css({ top: -$el.height()*2 });
},
selectBeginFunc: function(){
var $el = this.$el,
$tit = $el.find('.vi-info h2'),
$desc = $el.find('.vi-info p'),
$link = $el.find('.vi-info .viewrooms'),
orderArr = [1, 2, 3].sort(o.util.randomSort),
leftVal = Math.floor($el.width()/orderArr.length),
aniOpt = {
ease: 'easeOutCubic',
left: (this.direction == 'LEFT') ? leftVal : -leftVal,
ani: {
left: 0
},
speed: 1100
};
function ani($aniEl, orderIndex) {
$aniEl.css({
left: aniOpt.left * orderIndex
}).stop().animate(aniOpt.ani, aniOpt.speed, aniOpt.ease);
}
ani($tit, orderArr[0]);
ani($desc, orderArr[1]);
ani($link, orderArr[2]);
}
});
}
// main rooms
if (el.$content.find('.rooms-images').length != 0) {
o.slider.mainRooms = util.createSlider({
rootOuter: '.main-rooms',
outer: '.main-rooms .rooms-images',
item: '.r-image',
control: '.main-rooms .a-control',
paging: '.main-rooms .r-paging',
pagingTitle: ['.main-rooms .ri-info .tit', ''],
pagingText: '0',
duration: 1000,
thumbnail: '.main-rooms .thumb',
selectBeginFunc: function(){
var $el = this.$el,
$tit = $el.find('.ri-info h3'),
$desc = $el.find('.ri-info p'),
$link = $el.find('.ri-info .more-details2'),
orderArr = [1, 2, 3].sort(o.util.randomSort),
leftVal = Math.floor($el.width()/orderArr.length),
aniOpt = {
ease: 'easeOutCubic',
left: (this.direction == 'LEFT') ? leftVal : -leftVal,
ani: {
left: 0
},
speed: 1300
};
function ani($aniEl, orderIndex) {
$aniEl.css({
left: aniOpt.left * orderIndex
}).stop().animate(aniOpt.ani, aniOpt.speed, aniOpt.ease);
}
ani($tit, orderArr[0]);
ani($desc, orderArr[1]);
ani($link, orderArr[2]);
}
});
$('.r-image .more-details2').on({
mouseenter: function() {
$(this).parent().parent().addClass('ani');
},
mouseleave: function() {
$(this).parent().parent().removeClass('ani');
}
})
}
// about gallery
if (el.$content.find('.absout-gallery').length != 0) {
o.slider.about = util.createSlider({
outer: '.absout-gallery .images',
item: '.img',
control: '.absout-gallery .a-control',
paging: '.absout-gallery .g-paging',
duration: 950
});
}
if (el.$content.find('.mod-room-gallery').length != 0) {
o.slider.roomGallery = util.createSlider({
outer: '.mod-room-gallery .room-images',
item: '.img',
control: '.mod-room-gallery .a-control',
duration: 950
});
}
if (el.$overlay.length != 0) this.overlay = util.createOverlay();
if (el.$mvSide.length != 0 && el.$mvContent.length != 0) o.$EB.on(o.$ED.global.SCROLL, this.scrollMoveSideButtons);
if (el.$vImgs.length != 0) el.$vImgs.fill();
if (el.$selects != 0) el.$selects.fakeselect();
if (el.$inputRadioCheck != 0) el.$inputRadioCheck.fakecheck();
if (el.$inputTextarea != 0) el.$inputTextarea.fakeplaceholder();
if (el.$inputFiles.length != 0) util.inputFile()
if (el.$tbLists.length != 0) util.boardHoverEvent();
if (el.$modRoomGallery.length != 0) util.modRoomGallery();
if (el.$faqLists.length != 0) util.faq();
// Test Gallery
// Test Pates
if ($('#btn-rates').length != 0) {
$('#btn-rates').on('click', function(e) {
e.preventDefault();
o.overlay.show($(this));
});
//$('#btn-rates').trigger('click');
}
// Test Reservation Check Message
if ($('.form-item-addoption').length != 0) {
var $addoption = $('.form-item-addoption'),
$checkbox = $addoption.find('input[type="checkbox"]'),
$message;
$checkbox.on('change', function(){
var $this = $(this),
msgCss = $this.parent().attr('class');
if (msgCss !== undefined) {
$message = $addoption.find('> .'+msgCss);
if ($this.is(':checked')) {
$message.css('display', 'block');
} else {
$message.css('display', 'none');
}
}
});
}
//if ($('div[class*="mod-box-"]').length != 0) {
// $('div[class*="mod-box-"]').find('a').on('click', function(e){
// e.preventDefault();
// });
//}
// Test Slider
if ($('#order-rooms').length != 0) {
o.slider.otherRooms = util.createSliderMulti({
outer: '.or-lists .mod-list-2',
item: 'li',
control: '#order-rooms-area .a-control',
viewCount: 4,
ease: 'easeOutQuint',
duration: 1300,
selectBeginFunc: function(data) {
var $el = data.$itemsData,
$li = $el.find('li'),
$img = $el.find('li .img'),
$tit = $el.find('li .tit'),
$desc = $el.find('li .desc'),
$link = $el.find('li .more-details'),
orderArr = [.5, 1, 1.5, 2].sort(o.util.randomSort),
leftVal = Math.floor(data.$el.width()/orderArr.length),
aniOpt = {
ease: 'easeOutCubic',
left: (data.direction == 'LEFT') ? leftVal : -leftVal,
ani: {
left: 0
},
speed: 1300,
delayTime: 30
},
isReverse = (data.direction != 'LEFT') ? true : false;
function setAni($items, orderIndex) {
var itemsLength = $items.length;
$.each($items, function(index){
var $this = $(this);
index = (orderIndex !== undefined) ? orderIndex : ((isReverse) ? -(index-itemsLength) : index);
$this.css({
left: aniOpt.left * index
}).delay(aniOpt.delayTime*(index+1)).queue(function() {
$this.stop().animate(aniOpt.ani, aniOpt.speed, aniOpt.ease);
});
});
}
setAni($li);
//setAni($img, orderArr[0]);
//setAni($tit, orderArr[2]);
//setAni($desc, orderArr[3]);
//setAni($link, orderArr[4]);
}
});
}
function printPopup(width,height,index){
var w = window.open('', '_meeting_print', 'width='+width+',height='+height+',resizable=0,scrollbars=0,status=0,toolbar=0');
var html = '';
html += '<!DOCTYPE html>';
html += '<html lang="ko">';
html += '<title>MEETING > WEDDING & MEETING > GLAD HOTELS</title>';
html += '<link href="/css/meeting_print.css" rel="stylesheet">';
html += '<div class="mm-wrap mm-content'+index+'">';
html += '<div class="mm-content mm1">';
html += '<h2>Bloom(A/B)</h2>';
html += '<div class="img"><img src="/img/common/img_room_map1.gif" alt="Bloom Map Photo"></div>';
html += '<div class="mm-ly-info">';
html += '<h3>Bloom</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>492</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>150</span></li>';
html += '<li><strong>W/L/H</strong> <span>17m / 27m / 5.6m</span></li>';
html += '<li><strong>BANQUET</strong> <span>300¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>300¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>400¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '<div class="mm-ly-info">';
html += '<h3>Bloom A</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>273</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>83</span></li>';
html += '<li><strong>W/L/H</strong> <span>17m / 15m / 5.6m</span></li>';
html += '<li><strong>BANQUET</strong> <span>120¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>120¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>130¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '<div class="mm-ly-info">';
html += '<h3>Bloom B</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>219</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>66</span></li>';
html += '<li><strong>W/L/H</strong> <span>17m / 12m / 5.6m</span></li>';
html += '<li><strong>BANQUET</strong> <span>120¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>100¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>130¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<div class="mm-content mm2">';
html += '<h2>Welcoming</h2>';
html += '<div class="img"><img src="/img/common/img_room_map2.gif" alt="Welcoming Map Photo"></div>';
html += '<div class="mm-ly-info">';
html += '<h3>Welcoming</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>89</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>27</span></li>';
html += '<li><strong>W/L/H</strong> <span>6.4m / 13m / 2.7m</span></li>';
html += '<li><strong>BANQUET</strong> <span>50¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>50¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>60¸í </span></li>';
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<div class="mm-content mm3">';
html += '<h2>Project Room (A/B/C/D)</h2>';
html += '<div class="img"><img src="/img/common/img_room_map3.gif" alt="Project Room Map Photo"></div>';
html += '<div class="mm-ly-info">';
html += '<h3>Project Room A</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>93</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>28</span></li>';
html += '<li><strong>W/L/H</strong> <span>7.2m / 12m / 2.7m</span></li>';
html += '<li><strong>BANQUET</strong> <span>40¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>40¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>50¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '<div class="mm-ly-info">';
html += '<h3>Project Room B</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>56</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>17</span></li>';
html += '<li><strong>W/L/H</strong> <span>5.7m / 9m / 2.7m</span></li>';
html += '<li><strong>BANQUET</strong> <span>30¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>18¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>40¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '<div class="mm-ly-info">';
html += '<h3>Project Room C</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>56</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>17</span></li>';
html += '<li><strong>W/L/H</strong> <span>5.7m / 9m / 2.7m</span></li>';
html += '<li><strong>BANQUET</strong> <span>30¸í</span></li>';
html += '<li><strong>SCHOOL</strong> <span>18¸í</span></li>';
html += '<li><strong>THEATRE</strong> <span>40¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '<div class="mm-ly-info">';
html += '<h3>Project Room D</h3>';
html += '<ul>';
html += '<li><strong>SQUARE(Á¦°ö¹ÌÅÍ)</strong> <span>38</span></li>';
html += '<li><strong>PYEONG(Æò)</strong> <span>11</span></li>';
html += '<li><strong>W/L/H</strong> <span>4.5m / 7.8m / 2.7m</span></li>';
html += '<li><strong>BOARD</strong> <span>15¸í</span></li>';
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<a href="#" class="btn-print" onclick="window.print();return false;">PRINT</a>';
html += '<a href="#" class="overlay-close" onclick="window.close();return false;">CLOSE</a>';
w.document.write(html);
w.document.close();
}
// Meeting Content
if ($('.mm-box a.view-detail').length > 0) {
$('.mm-box a.view-detail').on('click', function(e) {
e.preventDefault();
var thisIndex = $(this).data('index'),
w=608,
h=645;
printPopup(w, h, thisIndex);
});
}
},
initTripAdvisor: function() {
$('.socialWidget > a, .TA_cdswritereviewlg a').each(function(i) {
var target = $(this).attr('target');
var title = $(this).attr('title');
if (target=='_blank') {
if (title==undefined||target=='') {
$(this).attr('title', '»õâ ¿­¸²');
}
}
});
$('.socialWidgetCore img').each(function(i) {
var alt = $(this).attr('alt');
if (alt==undefined||alt=='') {
$(this).attr('alt', 'TripAdvisor ¸®ºä Á¡¼ö');
}
});
$('#CDSWIDWRL .widWRLButton input').attr('title', '»õâ ¿­¸²');
$('#CDSWIDWRL .widWRLReview textarea').attr('title', 'Á¦¸ñ: ¼÷¹Ú üÇèÀ» Çѹ®Àå À̳»·Î ÀÔ·ÂÇϼ¼¿ä');
return this;
},
initialize : function() {
var conf = this.conf,
el;
this.name = o;
o = this;
el = this.el = {
$doc: $(document.documentElement),
$win: $(window),
$body: $('body'),
$wrap: $('#wrap'),
$header: $('#header'),
$logo: $('#header h1'),
$headerBar: $('<div id="bar"/>'),
$nav: $('#nav'),
$visual: $('#visual'),
$content: $('#content'),
$overlay: $('#overlay'),
$overlayContent: $('#overlay-content'),
$overlayClose: $('#overlay-close'),
$tbLists: $('.tb-board-list'),
$faqLists: $('.faq-list'),
$modRoomGallery: $('.mod-room-gallery'),
$inputFiles: $('input[type=file]'),
$selects: $('select'),
$inputRadioCheck: $('input[type="radio"], input[type="checkbox"]'),
$inputTextarea: $('textarea, input').not('[type="radio"], [type="checkbox"]'),
$vImgs: $('.v-image > .v-img'),
$mvSide: $('.mv-side:first'),
$mvContent: $('.mv-content:first'),
$galleryImages: $('.galley-images'),
$languageSelect: $('#header .language'),
$languageSelectButton: $('#header .language > a')
};
conf.status.main = el.$wrap.hasClass(this.css.main);
conf.headerPosY = el.$visual.height();
conf.headerHeight = el.$header.height();
conf.navHeight = (el.$nav.length != 0) ? el.$nav.height() : 41;
this.active();
var instanceName = this.name;
$(window).load(function() {
setTimeout(function() {
window[instanceName].initTripAdvisor();
}, 1000);
});
return this;
}
};
window[o].initialize();
})();