https://arckonarts.com/js/arckoAnimate.js

1/*=========================================
2 * arckoanimations.js: Version 1.0
3=========================================*/
4
5
6$(document).ready(function(){
7	"use strict";
8 $("#largeimg").attr("style", "display:none"); 
9	
10
11
12	$('#Counter').toggle();
13	
14	$('.video-container').attr("style", "position:relative;width:100%;height:0;padding-bottom:56.25%;");	
15	
16	$('#video-placeholder').attr("style", "position:absolute;top:0;left:0;width:100%;height:100%;display:none");	
17
18});
19	
20
21function onYouTubeIframeAPIReady() {
22    player = new YT.Player('video-placeholder', {
23        width: 1280,
24        height: 720,
25        playerVars: {			
26            color: 'white',
27			'autoplay': 1,
28			'showinfo' : 0,
29        },
30        events: {
31            onReady: initialize
32        }
33    });
34}
35
36
37
38function initialize(){
39		
40// Load video
41
42$('.vid-image').on('click', function () {
43	$('#video-placeholder').attr("style", "position:absolute;top:0;left:0;width:100%;height:100%;");		
44
45	$("#video-main").attr("style", "display:inline-block;"); 		
46
47	$("#largeimg").attr("style", "display:none"); 
48    var url = $(this).attr('data-video-id');
49
50    player.cueVideoById(url);
51	
52    player.playVideo();
53	
54	 setTimeout(function() {
55	$('#arcko-container').removeClass('unfolding');	}, 1300);
56	$("#arcko-container").attr("style", "transform: scale(1);"); 
57
58});
59
60	
61$('.popular-closebt').on('click', function () {
62	
63	$('#popular').attr("style", "display:none"); 
64	 $('#iframeidpop').remove()
65});
66	
67}
68
69
70(function ($) {
71	
72	"use strict";
73    $.fn.arckoAnimate = function(options) {
74        var arcko = $(this);
75     
76		$('.gal-overflow').click(function() {
77			
78	    $("#video-main").attr("style", "display:none"); 
79   		$('#largeimg').attr("style", "display:inline-block"); 
80			
81
82	 });
83		
84
85		
86        //Defaults
87        var settings = $.extend({
88            arckoTarget:'arcko-container',
89            effect:'unfolding',
90            autoEffect:false,
91            // Callbacks
92            arckoClose: function() {}
93        }, options);
94
95        var closeBt = $('#'+settings.arckoTarget);
96
97        if(settings.autoEffect === true){
98            var effect = $(arcko).attr('data-effect');
99            closeBt.removeAttr('class').addClass(effect);
100            $('body').addClass('arcko-active');
101        }else{
102           arcko.click(function(event) {
103              event.preventDefault();
104              var effect = $(arcko).attr('data-effect');
105              closeBt.removeAttr('class').addClass(effect);
106              $('body').addClass('arcko-active');
107          });
108        }
109
110
111
112        closeBt.click(function(event) {
113            event.preventDefault();
114            $(this).addClass('out');
115            $('body').removeClass('arcko-active');
116		
117			   setTimeout(function() {
118				    $('#video-main').attr("style", "display:none");
119				 
120				   
121				 player.stopVideo();
122	
123			   	}, 800);	 
124			
125			
126			 setTimeout(function() {
127				   
128				    $("#largeimg").attr("style", "display:none"); 
129			
130			   	}, 200);	 
131			
132			
133			 setTimeout(function() { var url = $(".vid-image").attr('');
134				   	player.cueVideoById(url);
135				   	}, 400);
136				
137			
138			 setTimeout(function() {
139		$("#arcko-container").attr("style", "transform: 0;");	}, 1000);
140	 $('#arcko-container').addClass('unfolding');
141			
142
143        });
144
145        function arckoClose () {
146          $('#'+settings.arckoTarget).addClass('out');
147          $('body').removeClass('arcko-active');//arcko close
148        }
149
150    }; // End arckoAnimate.js
151
152}(jQuery));
153
154
155
156//<!-- BEGIN Counter Code! counter -->.
157	$(document).keydown(function(e){
158    var key = e.which;
159    if (key == 120) {
160        // if the user pressed 'f9':		
161        $('#Counter').toggle();
162		
163    }
164});