https://www.eicar.org/wp-content/themes/enfold/config-templatebuil…/icon_circles/icon_circles.js

1// -------------------------------------------------------------------------------------------
2// Icon circles picker
3// -------------------------------------------------------------------------------------------
4(function($)
5{
6	"use strict";
7
8	$.fn.aviaIconCircles = function(options)
9	{
10		return this.each( function()
11		{
12			var container = $(this),
13				logos = container.find('.avia-icon-circles-icon'),
14				logoText = container.find('.avia-icon-circles-icon-text');
15
16			//trigger animation
17			container.on( 'avia_start_animation', function()
18			{
19				if( container.hasClass( 'avia_animation_finished' ) )
20				{
21					return;
22				}
23
24				//	modal preview does not have waypoint script - simulate it
25				container.addClass( 'avia_start_animation' );
26
27				setTimeout( function()
28				{
29					container.addClass( 'avia_animation_finished' );
30
31					if( container.hasClass( 'avia-active-icon' ) )
32					{
33						setTimeout(function()
34						{
35							var firstLogo = logos.filter('.av-first-active');
36
37							if( firstLogo.length && ! logos.filter('.active').length )
38							{
39								firstLogo.addClass('active');
40								firstLogo.next().addClass('active');
41								container.addClass('active-container');
42							}
43						}, 800 );
44					}
45				}, 2000 );
46
47				logos.on( 'mouseenter', function()
48				{
49					logos.removeClass('active');
50					logoText.removeClass('active');
51
52					var logo = $(this).addClass('active');
53					logo.next().addClass('active');
54					container.addClass('active-container');
55				});
56
57				container.on( 'mouseleave', function()
58				{
59					logos.removeClass('active');
60					logoText.removeClass('active');
61					container.removeClass('active-container');
62				});
63			});
64		});
65	};
66
67}(jQuery));