https://wyndhamgrandbusan.com/_Template/Layout/gpss-en/_Js/layout_main.js

1// ** ---------------- 원래 있던 코드 ---------------- ** //
2	//레이아웃 초기화(ready)
3	function initPageLayout(){
4		initNavigation();
5		initMainTabBoard();
6
7		setMinWidthAutoScrollBox();
8		if(_thisPage.initAction!=undefined && _thisPage.initAction.length>0){		$(_thisPage.initAction).each(function(i,func){			try{func();}catch(e){ alert(e);}		});	}
9	}
10	//레이아웃 셋팅 (ready -> docLoding After , window.load 후에 실행)
11	function setPageLayout(){
12		if(_thisPage.initAction!=undefined && _thisPage.initAction.length>0){		$(_thisPage.initAction).each(function(i,func){			try{func();}catch(e){ alert(e);}		});	}
13		try{ thisPageResizeAction(); }catch(e){}
14	}
15
16	//레이아웃 리셋
17	function resetPageLayout(){
18		mainNavi._reset();
19
20		setMinWidthAutoScrollBox();
21		if(_thisPage.resizeAction!=undefined && _thisPage.resizeAction.length>0){		$(_thisPage.resizeAction).each(function(i,func){			try{func();}catch(e){ alert(e);}		});	}
22		try{ thisPageResizeAction(); }catch(e){}
23	}
24
25	//레이아웃 높이 리셋
26	function resizePageLayoutHeight(){
27	}
28
29	////////////////////////////////////////////////////
30	//스크롤 완료후 레이아웃 변경
31	function setScrollEndLayout(){
32		var scrTop = $(window).scrollTop();
33
34		///	var chkH = $("#header-wrap").height();
35		if(_thisPage.scrollAction!=undefined && _thisPage.scrollAction.length>0){		$(_thisPage.scrollAction).each(function(i,func){			try{func();}catch(e){ alert(e);}		});	}
36	}
37
38	//스크롤 완료후 레이아웃 변경2 (Time delay 5000);
39	function setScrollAfertLayout(){
40	}
41	////////////////////////////////////////////////////
42
43	//윈도우 회전시 실행할 함수
44	function setWindowRotation(){
45		if(typeof(thisPageRotation)=="function" && thisPageRotation!=undefined){  thisPageRotation(); }
46		else {
47			//기본 회전시 실행할 함수
48		}
49	}
50
51	//document.addEventListener('DOMContentLoaded', loaded, false);
52	if('onorientationchange' in window){	window.addEventListener('onorientationchange', setWindowRotation, false);}
53
54	////////////////////////////////////////////////////
55
56
57
58
59
60	function issue_check() {
61		var issuCount = $(".issue ul.issu_list > li").length;
62		var issuList = $(".issue");
63		if (issuCount==3){ 
64			issuList.attr('class',"issue addclass3");
65		}else if (issuCount==2){ 
66			issuList.attr('class',"issue addclass2");
67		}else{
68			issuList.attr('class',"issue");
69		}
70
71	}
72
73
74	$(document).ready(function(){
75		console.log("1.ready");
76		try{initPageCssFiles();}catch(e){}
77		try{initPageJavascript();}catch(e){}
78		try{	getWindowSize();	}catch(e){ alert(e);}
79		try{	getPageSize();	}catch(e){}
80		try{	setLowBrowser();	}catch(e){	}
81		try{	initPageLayout();	}catch(e){	}
82		try{	setMediaObjectFunc();	}catch(e){	}
83		try{ _thisLayout_style = getPageStyle(); }catch(e){}
84		try{	issue_check();	}catch(e){	}
85
86		docLoading(function(){
87			console.log("3.docLoad");
88		});
89	});
90
91	$(window).load(function(){
92		console.log("2.Load");
93		try{		initImgSizeInfo();	}catch(e){	}
94		setPageLayout();
95		mc1.towardNext();
96	});
97	$(window).resize(function(e){
98		//var resizeTimeGap = (_isLowBr_)?  250 : 10;
99		var resizeTimeGap = 10;
100		if(_isLowBr_) resizeTimeGap = 100;
101		clearTimeout(window.resizeEvt);
102		window.resizeEvt = setTimeout(function() {
103			// console.log( "Resize" );
104			getWindowSize();
105			getPageSize();
106			try {
107				if ( old_wsize.win == undefined || wsize.win.w != old_wsize.win.w ) {
108					resetPageLayout();
109				} else {
110					resizePageLayoutHeight();
111				}
112			} catch(e) {
113				resetPageLayout();
114			}
115
116			//레이어팝업 리사이징
117			try {
118				$(msgPopArr).each(function(k,pp){
119					pp._resize();
120				});
121			} catch(e) {}
122		}, resizeTimeGap);
123	});
124	$(window).scroll(function(){
125		var scrTimeGap = 10;
126		if(_isLowBr_) scrTimeGap=200;
127		clearTimeout(window.scrollEvt);
128		window.scrollEvt = setTimeout(function() {
129			////srolling
130			try{ setScrollEndLayout();}catch(e){}
131
132		}, scrTimeGap);
133		clearTimeout(window.scrollAfterEvt);
134		window.scrollAfterEvt = setTimeout(function() {
135			////srolling End After
136			try{ setScrollAfertLayout();}catch(e){}
137		}, 5000);
138	});
139
140	////////////////////////////////////////////////////
141// ** ---------------- 원래 있던 코드 ---------------- ** //
142$(function() {
143	mc1.init();
144	mc2.init();
145	mc3.init();

146	mc4.init();
147	mc5.init();
148	mc6.init();
149	// mc7.init();
150});
151
152var mc1 = {
153	init : function() {
154		this.sldCast();
155	},
156	towardNext : function() {
157		$towardNBtn = $("#mVis .scrollToBottom");
158		$towardNBtn.addClass("over");
159		$towardNBtn.on("click", function() {
160			$extraH = $(".body-main .header-wrap-abs").height();
161			$("html, body").stop().animate({
162				"scrollTop" : $(".mcon2").offset().top - $extraH
163			});
164		});
165	},
166	sldCast : function() {
167		var mc1_sld = $("#mVis .sld-wr .sldCore");
168		var mc1_len = $(".item", mc1_sld ).length;
169		var mc1_nav = $("#mVis .sld-wr .sldNav");
170		var mc1_Auto = $("#mVis .sld-wr .sldAut");
171		var mc1_Dots = $("#mVis .sld-wr .sldDot");
172		var mc1_Ctrl = $("#mVis .sldCtrl-wr");
173		var mc1_Rail = $(".rail", mc1_Ctrl );
174		var mc1_Time = 5000;
175		var mc1_Sped = 750;
176		var mc1_Stop = false;
177
178		$(".total", mc1_Ctrl ).text( mc1_len );
179
180		mc1_sld.owlCarousel({
181			//animateOut : 'fadeOut'
182			 items : 1
183			, loop : true
184			, nav : true
185			, dots : false
186			, dotsData : false
187			, autoplay : true
188			, autoplayTimeout : mc1_Time
189			, autoplayHoverPause : false
190			, responsiveRefreshRate : 0
191			, autoplaySpeed : mc1_Sped
192			, dragEndSpeed : mc1_Sped
193			, dotsSpeed : mc1_Sped
194			, navSpeed : mc1_Sped
195			, fluidSpeed : mc1_Sped
196			, smartSpeed : mc1_Sped
197			// , onDragged : autoStopTrigger1
198			// , onDrag : autoStopTrigger1
199			, touchDrag : false
200			, mouseDrag : false
201			, onInitialized : autoSet0
202			, onTranslate : autoSet1
203			, onTranslated : autoSet2
204			, responsiveRefreshRate : 0
205		});
206		function autoSet0() {
207			mc1_Rail.stop().animate({ "width":"100%" }, mc1_Time, "linear" );
208		}
209		function autoSet1() {
210			mc1_Rail.stop().animate({ "width":"0%" }, 0, "linear" );
211			mc1_sld.trigger("stop.owl.autoplay");
212		}
213		function autoSet2( event ) {
214			mc1_Rail.stop().animate({ "width":"100%" }, mc1_Time, "linear" );
215			var element = $(event.target);
216			var elementNum = $(".owl-item.active .item", element ).data("idx");
217			$(".pres", mc1_Ctrl ).text( elementNum );
218			if ( !mc1_Stop ) {
219				mc1_sld.trigger("play.owl.autoplay", [mc1_Time]);
220			}
221		}
222		$(".owl-stop", mc1_Auto ).on("click", function() {
223			mc1_Stop = true;
224			$(this).hide();
225			$(this).next().show().focus();
226			mc1_sld.trigger("stop.owl.autoplay");
227		});
228		$(".owl-play", mc1_Auto ).on("click", function() {
229			mc1_Stop = false;
230			$(this).hide();
231			$(this).prev().show().focus();
232			mc1_sld.trigger("play.owl.autoplay", [mc1_Time]);
233		});
234	}
235}
236
237var mc2 = {
238	init : function() {
239		this.setSld();
240	},
241	setSld : function() {
242		var mc2_sld = $("#mEvent .dataList");
243		var mc2_Time = 3500;
244		var mc2_Sped = 750;
245		var mc2_Navi = $("#mEvent .dataCtrl");
246		var mc2_Ctrl = $("#mEvent .numBox");
247		var mc2_Stop = false;
248		mc2_sld.owlCarousel({
249
250			loop : true
251			, animateOut : 'fadeOut'
252			, nav : true
253			, navContainer : mc2_Navi
254			, dots : false
255			, autoplay : true
256			, autoplayHoverPause : true
257			, onTranslate : autoSet1
258			, onTranslated : autoSet2
259			, responsiveRefreshRate : 0
260			,items : 1
261		});
262		function autoSet1(event) {
263			
264			var element = $(event.target);
265			var elementNum = $(".owl-item.active .item", element ).data("idx");
266			$(".num", mc2_Ctrl ).text( elementNum );
267
268			mc2_sld.trigger("stop.owl.autoplay");
269		}
270		function autoSet2(event) {
271			var element = $(event.target);
272			var elementNum = $(".owl-item.active .item", element ).data("idx");
273			$(".num", mc2_Ctrl ).text( elementNum );
274
275			if ( mc2_Stop ) {
276				mc2_sld.trigger("stop.owl.autoplay");
277				return false;
278			} else {
279				mc2_sld.trigger("stop.owl.autoplay");
280				setTimeout(
281					function() {
282						mc2_sld.trigger("play.owl.autoplay", [mc2_Time]);
283					}, mc2_Time
284				);
285			}
286		}
287		$(".btn-stop", mc2_Navi ).on("click", function() {
288			mc2_Stop = true;
289			$(this).hide();
290			$(this).next().show().focus();
291			mc2_sld.trigger("stop.owl.autoplay");
292		});
293		$(".btn-play", mc2_Navi ).on("click", function() {
294			mc2_Stop = false;
295			$(this).hide();
296			$(this).prev().show().focus();
297			mc1_sld.trigger("play.owl.autoplay", [mc1_Time]);
298		});
299	}
300}
301/*
302var mc3 = {
303	init : function() {
304		this.winScrEvt();
305	}
306	, winScrEvt : function() {
307		$winScrNum = 0;
308		$(window).on("scroll", function() {
309			$winH = $(this).height()
310			$winScr = $(this).scrollTop();
311			$mStatusTop = Math.round( $("#mStatus .num").offset().top );

312			// ** console.log( "$winH : " + $winH + " / $winScr : " + $winScr + " / $winH + $winScr : " + ($winH + $winScr) + " / $mStatusTop : " + $mStatusTop );
313			if ( ($winH + $winScr) > $mStatusTop ) {
314				if ( $winScrNum == 0 ) {
315					mc3.shuffleCast();
316				} else {
317					return false;
318				}
319				$winScrNum++;
320			}
321		});
322	}
323	, shuffleCast : function() {
324		// ** CountJs
325		// ** Official : https://github.com/inorganik/CountUp.js
326		// ** Playground : https://inorganik.github.io/countUp.js/
327		// ** Reference : https://hiro1983.tistory.com/42
328		var options1 = {
329			useEasing : true
330			, useGrouping : true
331			, separator : ''
332			, decimal : '.'
333			, prefix : ''
334			, suffix : ''
335		};
336		var options2 = {
337			useEasing : true
338			, useGrouping : true
339			, separator : ','
340			, decimal : '.'
341			, prefix : ''
342			, suffix : ''
343		};
344		var sCount1 = new CountUp( "count1", 0,			30,			0, 5, options1 );
345		var sCount2 = new CountUp( "count2", 49970,		50000,		0, 5, options2 );
346		var sCount3 = new CountUp( "count3", 79170,		79200,		0, 5, options2 );
347		var sCount4 = new CountUp( "count4", 0,			30,			0, 5, options1 );
348		var totalDelayTime = 0;
349		$("#mStatus .item").each( function( index, item ) {
350			var $thisItem = $(this);
351			var $thisNum = $(".num", $thisItem );
352			function totalDelayFnc() {
353				$thisItem.addClass("over");
354				eval("sCount" + (index + 1) + ".start();");
355			}
356			setTimeout( totalDelayFnc, totalDelayTime );
357			totalDelayTime += 500;
358		});
359	}
360}
361*/
362var mc3 = {
363	init : function() {
364		this.setSld();
365	},
366	setSld : function() {
367		var mc3_sld = $(".mRoom .dataList");
368		var mc3_Time = 3500;
369		var mc3_Sped = 750;
370		//var mc3_Navi = $(".snsBox .dataCtrl");
371		var mc3_Stop = false;
372		mc3_sld.owlCarousel({
373
374			loop : true
375			, animateOut : 'fadeOut'
376			, nav : false
377			//, navContainer : mc3_Navi
378			, dots : false
379			, autoplay : true
380			, autoplayHoverPause : true
381			, onTranslate : autoSet1
382			, onTranslated : autoSet2
383			, responsiveRefreshRate : 0
384			,items : 1
385		});
386		function autoSet1() {
387			mc3_sld.trigger("stop.owl.autoplay");
388		}
389		function autoSet2() {
390			if ( mc3_Stop ) {
391				mc3_sld.trigger("stop.owl.autoplay");
392				return false;
393			} else {
394				mc3_sld.trigger("stop.owl.autoplay");
395				setTimeout(
396					function() {
397						mc3_sld.trigger("play.owl.autoplay", [mc3_Time]);
398					}, mc3_Time
399				);
400			}
401		}
402		
403	}
404}
405var mc4 = {
406	init : function() {
407		this.setSld();
408	},
409	setSld : function() {
410		var mc4_sld = $(".mFood .dataList");
411		var mc4_Time = 3500;
412		var mc4_Sped = 750;
413		var mc4_Navi = $(".mFood .dataCtrl");
414		var mc4_Stop = false;
415		mc4_sld.owlCarousel({
416
417			loop : true
418			// , animateOut : 'fadeOut'
419			, nav : true
420			// , navContainer : mc4_Navi
421			, dots : false
422			, autoplay : true
423			, autoplayHoverPause : true
424			, onTranslate : autoSet1
425			, onTranslated : autoSet2
426			, responsiveRefreshRate : 0
427			,items : 1
428			,responsive:{
429				299:{
430					autoHeight:true
431				},
432				799:{
433					autoHeight:false
434				}
435			}
436				
437		});
438		function autoSet1() {
439			mc4_sld.trigger("stop.owl.autoplay");
440		}
441		function autoSet2() {
442			if ( mc4_Stop ) {
443				mc4_sld.trigger("stop.owl.autoplay");
444				return false;
445			} else {
446				mc4_sld.trigger("stop.owl.autoplay");
447				setTimeout(
448					function() {
449						mc4_sld.trigger("play.owl.autoplay", [mc4_Time]);
450					}, mc4_Time
451				);
452			}
453		}
454		/*
455		$(".btn-stop", mc4_Navi ).on("click", function() {
456			mc4_Stop = true;
457			$(this).hide();
458			$(this).next().show().focus();
459			mc4_sld.trigger("stop.owl.autoplay");
460		});
461		$(".btn-play", mc4_Navi ).on("click", function() {
462			mc4_Stop = false;
463			$(this).hide();
464			$(this).prev().show().focus();
465			mc4_sld.trigger("play.owl.autoplay", [mc4_Time]);
466		});
467*/
468		
469	}
470}
471
472
473
474var mc5 = {
475	init : function() {
476		this.setSld();
477	},
478	setSld : function() {
479		var mc5_sld = $(".snsBox .wBox");
480		var mc5_Time = 3500;
481		var mc5_Sped = 750;
482		//var mc5_Navi = $(".snsBox .dataCtrl");
483		var mc5_Stop = false;
484		mc5_sld.owlCarousel({
485
486			loop : true
487			, animateOut : 'fadeOut'
488			, nav : false
489			//, navContainer : mc5_Navi
490			, dots : false
491			, autoplay : true
492			, autoplayHoverPause : true
493			, onTranslate : autoSet1
494			, onTranslated : autoSet2
495			, responsiveRefreshRate : 0
496			, margin: 30
497			, center :true
498			,items : 5
499			,responsive:{
500				299:{
501					items:2
502					, margin: 15
503					, center :false
504				},
505				899:{
506					items:3
507				},
508				1199:{
509					items:5
510				}
511			}
512		});
513		function autoSet1() {
514			mc5_sld.trigger("stop.owl.autoplay");
515		}
516		function autoSet2() {
517			if ( mc5_Stop ) {
518				mc5_sld.trigger("stop.owl.autoplay");
519				return false;
520			} else {
521				mc5_sld.trigger("stop.owl.autoplay");
522				setTimeout(
523					function() {
524						mc5_sld.trigger("play.owl.autoplay", [mc5_Time]);
525					}, mc5_Time
526				);
527			}
528		}
529		/*
530		$(".btn-stop", mc5_Navi ).on("click", function() {
531			mc5_Stop = true;
532			$(this).hide();
533			$(this).next().show().focus();
534			mc5_sld.trigger("stop.owl.autoplay");
535		});
536		$(".btn-play", mc5_Navi ).on("click", function() {
537			mc5_Stop = false;
538			$(this).hide();
539			$(this).prev().show().focus();
540			mc5_sld.trigger("play.owl.autoplay", [mc5_Time]);
541		});
542
543		*/
544	}
545}
546
547var mc6 = {
548	init : function() {
549		this.setSld();
550	},
551	setSld : function() {
552		var mc6_sld = $(".main_gall .gallery_ty01");
553		var mc6_Time = 3500;
554		var mc6_Sped = 750;
555		//var mc6_Navi = $(".snsBox .dataCtrl");
556		var mc6_Stop = false;
557		
558		// Owl Carousel 초기화 및 설정
559		mc6_sld.owlCarousel({
560			animateOut: 'fadeOut',
561			nav: false,
562			dots: false,
563			autoplay: true,
564			autoplayHoverPause: true,
565			onTranslate: autoSet1,
566			onTranslated: autoSet2,
567			responsiveRefreshRate: 0,
568			margin: 40,
569			items: 3,
570			responsive: {
571				299: {
572					items: 2,
573					margin: 15,
574					center: false,
575				},
576				899: {
577					items: 2
578				},
579				1199: {
580					items: 3
581				}
582			}
583		});
584		
585		// Owl Carousel 초기화가 완료되면 아이템 개수를 얻음
586		var itemCount = mc6_sld.find('.owl-item').length;
587		// 아이템 개수에 따라 loop 설정
588		if (itemCount >= 4) {
589			mc6_sld.trigger('destroy.owl.carousel'); // 기존 초기화 제거
590			mc6_sld.owlCarousel({
591				loop: true,
592				animateOut: 'fadeOut',
593				nav: true,
594				dots: false,
595				autoplay: true,
596				autoplayHoverPause: true,
597				onTranslate: autoSet1,
598				onTranslated: autoSet2,
599				responsiveRefreshRate: 0,
600				margin: 30,
601				items: 3,
602				responsive: {
603					299: {
604						items: 2,
605						margin: 15,
606						center: false,
607					},
608					899: {
609						items: 2
610					},
611					1199: {
612						items: 3
613					}
614				}
615			});
616		}
617		
618
619		function autoSet1() {
620			mc6_sld.trigger("stop.owl.autoplay");
621		}
622		function autoSet2() {
623			if ( mc6_Stop ) {
624				mc6_sld.trigger("stop.owl.autoplay");
625				return false;
626			} else {
627				mc6_sld.trigger("stop.owl.autoplay");
628				setTimeout(
629					function() {
630						mc6_sld.trigger("play.owl.autoplay", [mc6_Time]);
631					}, mc6_Time
632				);
633			}
634		}
635	}
636};
637
638
639
640/*
641var mc7 = {
642	init : function() {
643		this.setSld();
644	},
645	setSld : function() {
646		var mc7_sld = $(".issue .issu_list");
647		var mc7_Time = 2000;
648		var mc7_Sped = 300;
649		//var mc7_Navi = $(".snsBox .dataCtrl");
650		var mc7_Stop = false;
651		mc7_sld.owlCarousel({
652
653			loop : false
654			// , animateOut : 'fadeOut'
655			, nav : false
656			//, navContainer : mc7_Navi
657			, dots : false
658			, autoplay : false
659			, autoplayHoverPause : false
660	
661			, margin: 0
662			,items : 3
663			,responsive:{
664				299:{
665					items:1
666					, autoplay : true
667				},
668				500:{
669					items:2
670					, autoplay : false
671				},
672				899:{
673					items:2
674					, autoplay : false
675				},
676				900:{
677					items:3
678					, autoplay : false
679					
680				}
681			}
682		});
683		function autoSet1() {
684			mc7_sld.trigger("stop.owl.autoplay");
685		}
686		function autoSet2() {
687			if ( mc7_Stop ) {
688				mc7_sld.trigger("stop.owl.autoplay");
689				return false;
690			} else {
691				mc7_sld.trigger("stop.owl.autoplay");
692				setTimeout(
693					function() {
694						mc7_sld.trigger("play.owl.autoplay", [mc7_Time]);
695					}, mc7_Time
696				);
697			}
698		}
699		
700	}
701}

701*/