https://www.wagnaria.com/assets/js/top.js

1$(function(){
2	if (Modernizr.cssanimations) {
3		$('#container .box').css({display:'block',opacity:0})
4		$('#container .box.main').css({opacity:1})
5		$('h1, #container .box.main p').css({opacity:0})
6	} else {
7		$('#container .box').css({display:'block'});
8	}
9    
10	var url=document.URL;
11	if(url.indexOf("?top") == -1){
12    	openModal();
13	}else{
14	}
15
16	var setTopContents = function(){
17		$('#container .topics li').each(function(){
18			if($(this).find('.txt img').length > 0){
19				var _imgurl = $(this).find('.txt img').eq(0).attr('src');
20				$(this).find('.image').html('<img src="'+_imgurl+'">')
21			}
22			var _str = $(this).find('.txt').text();
23			$(this).find('.txt').html(countLength(_str,80))
24
25			var _str = $(this).find('.title').text();
26			$(this).find('.title').html(countLength(_str,30))
27		})
28		$('#container .topics li').bind('click',function(){
29			location.href = './news/?article_id=' + $(this).attr('id');
30		})
31	}
32
33	setTopContents();
34
35	var _bgAnim1 = function(){
36		$('.bgLogo1').css({left:0,top:0}).velocity({left:-804,top:142},10000,'linear',function(){
37			_bgAnim1();
38		})
39	}
40
41	var _bgAnim2 = function(){
42		$('.bgLogo2').css({left:0,top:-6}).velocity({left:-1767,top:1014},15000,'linear',function(){
43			_bgAnim2();
44		})
45	}
46
47	var topInit = function(){
48		$('#container').masonry({
49			itemSelector: '.box',
50			columnWidth: 250,
51			isAnimated: true,
52			isFitWidth: true,
53			isRTL: false,
54			gutterWidth: 0,
55			containerStyle: { position: 'relative' },
56			isResizable: true,
57		});
58		_bgAnim1();
59		_bgAnim2();
60		$('footer').css({display:'block'})
61
62		if (Modernizr.cssanimations) {
63			var timeline = new TimelineMax();
64			timeline.fromTo($('h1'), 0.5,
65				{scaleX:1.4,scaleY:1.4} ,
66				{scaleX:1.0,scaleY:1.0,opacity:1,ease:Back.easeOut}
67			);
68			timeline.fromTo($('.main .catch1'), 0.3,
69				{scaleX:0.6,scaleY:0.6} ,
70				{scaleX:1.0,scaleY:1.0,opacity:1,ease:Back.easeOut}
71			);
72			timeline.fromTo($('.main .catch2'), 0.3,
73				{scaleX:0.6,scaleY:0.6} ,
74				{scaleX:1.0,scaleY:1.0,opacity:1,ease:Back.easeOut,onComplete:function(){
75					$('#container .box').each(function(x){
76						if(x>0){
77							var _time = (300 + (x*30)) / 1000;
78							TweenMax.fromTo($('#container .box').eq(x), 0.5,
79								{scaleX:0.8,scaleY:0.8},
80								{scaleX:1.0, scaleY:1.0, opacity:1, delay:_time, ease: Expo.easeOut}
81							);
82						}
83					})
84				}}
85			);
86		} else {
87		}
88        

89        $('.bnrLot').bind('click',function(){
90        	openModal();
91        })
92
93		$('.box.movie').bind('click',function(){
94			openMovie($(this).attr('id'))
95		})
96
97	}
98
99	$(window).bind('load',function(){
100		topInit();
101	})
102
103
104
105	$('.close, .wrap_f').each(function() {
106		$(this).click(function(event) {
107			$(".float").animate({'opacity':0},450,function(){
108				$(".float").remove();
109			});	
110
111		});
112	});
113
114});
115
116var openModal = function(){
117	$('#modalWrap').css({display:'block',opacity:0}).velocity("stop", true).velocity({opacity:1}, {duration:250, easing:"easeOutCubic",complete:function(){
118		$('#modalWrap #player').html('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/hgYeEmgxCMM?vq=hd1080&showinfo=0&rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>')
119	}})
120	$('#modalWrap .modalBg, #modalWrap .btnClose').bind('click',function(){
121		closeModal();
122	})
123}
124
125var closeModal = function(){
126	$('#modalWrap').velocity("stop", true).velocity({opacity:0},800,'easeOutSine',function(){
127    	$(this).css({display:'none'})
128		$(this).find('#player').html('');
129	})
130}