https://www.johnsoncitytexaschamber.com/wp-content/plugins/divi-bl…/assets/script.min.js?ver=3.0.2

1"use strict";
2jQuery( document ).ready( function($) {
3	/* Blurb Flipbox JS. */
4	$( '.et_pb_blurb_extended .flipbox' ).each( function() {
5		el_pb_blurb_init_flipbox( $( this ) );
6	} );
7	
8	/* Ease JS. */
9	$( '.et_pb_blurb_extended .easebox' ).each( function() {
10		el_pb_blurb_init_easebox( $( this ) );
11	} );
12} );
13
14/**
15 * Init flipbox.
16 */
17function el_pb_blurb_init_flipbox( $contentObj ) {
18
19	var isIE = /*@cc_on!@*/false || !!document.documentMode;
20
21	$contentObj.on( 'mouseenter mouseleave', function(e) {
22
23		// If not ease box,
24		// Need this for builder side check, when layout gets switched.
25		if ( ! jQuery( this ).hasClass( 'flipbox' ) ) {
26			return;
27		}
28			
29		var $this = jQuery( this ).find( '.et_pb_blurb_content' ),
30			width = $this.innerWidth(),
31			height = $this.innerHeight();
32
33		var x = (e.pageX - $this.offset().left - (width / 2)) * (width > height ? (height / width) : 1),
34			y = (e.pageY - $this.offset().top - (height / 2)) * (height > width ? (width / height) : 1);
35
36		// top = 0, right = 1, bottom = 2, left = 3
37		var dir_num = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) % 4,
38			directions = ['top', 'right', 'bottom', 'left'];
39
40		// If mouse enter
41		if ( e.type === 'mouseenter' ) {
42			if( ! isIE ) {
43				// Remove all hover out classes
44				$this.removeClass( function(index, css) {
45					return (css.match(/(^|\s)hover-out-\S+/g) || []).join(' ');
46				} );
47				// Add in direction class
48				$this.addClass('hover-in-' + directions[dir_num]);            
49			} else {
50				$this.removeClass('hoverout');
51				$this.addClass('hoverin');
52			}
53		}
54
55		// If mouse leave
56		if ( e.type === 'mouseleave' ) {
57			if( ! isIE ){
58				// Remove all hover in classes
59				$this.removeClass( function(index, css) {
60					return (css.match(/(^|\s)hover-in-\S+/g) || []).join(' ');
61				} );
62	
63				// Add out direction class
64				$this.addClass( 'hover-out-' + directions[dir_num] );
65			} else {
66				$this.removeClass('hoverin');
67				$this.addClass('hoverout');
68			}
69		}
70	} );
71}
72
73/**
74 * Reset flipbox.
75 */
76function el_pb_blurb_reset_flipbox( $wrapObj ) {
77	$wrapObj.find( '.et_pb_blurb_container' ).css( 'transform', 'translateY(0)' );
78	$wrapObj.find( '.et_pb_main_blurb_image' ).css( 'transform', 'translateY(0)' );
79	$wrapObj.find( '.et_pb_blurb_extended_btn' ).css( 'transform', 'translateY(0)' );
80	$wrapObj.find( '.et_pb_blurb_extended_btn a' ).css( 'transform', 'translateY(0)' );
81}
82
83/**
84 * Init easebox.
85 */
86function el_pb_blurb_init_easebox( $easeboxObj ) {
87	$easeboxObj.on( 'mouseenter mouseleave', function(e) {
88
89		// If not ease box,
90		// Need this for builder side check, when layout gets switched.
91		if ( ! jQuery( this ).hasClass( 'easebox' ) ) {
92			return;
93		}
94			
95		var $this = jQuery( this ),
96			trans = 0,
97			padding = parseInt( $this.find('.et_pb_blurb_content').css('padding-top') );
98			
99		if ( padding === 0 ) {
100			padding = 20;
101		}
102			
103		if ( $this.find('.et_pb_blurb_extended_btn').length <= 0 ) {
104			return false;
105		}
106		
107		if ( $this.hasClass('et_pb_blurb_position_top') && $this.find('.et_pb_main_blurb_image').length > 0 ) {
108			
109			var btn_size = parseInt( $this.find('.et_pb_blurb_extended_btn').outerHeight() );
110
111			trans =  ( parseInt(btn_size) + padding ) + 'px';
112				
113			if ( e.type === 'mouseenter' ) {
114				// Translate div upto trans
115				$this.find('.et_pb_main_blurb_image').css('transform','translateY(-'+trans+')');
116				$this.find('.et_pb_blurb_container').css('transform','translateY(-'+trans+')');
117				$this.find('.et_pb_blurb_extended_btn').css('transform','translateY('+trans+')');
118				$this.find('.et_pb_blurb_extended_btn a').css('transform','translateY(0)');
119			}
120			
121			if ( e.type === 'mouseleave' ) {
122				// Translate div upto trans
123				$this.find('.et_pb_blurb_container').css('transform','translateY(0)');
124				$this.find('.et_pb_main_blurb_image').css('transform','translateY(0)');
125				$this.find('.et_pb_blurb_extended_btn').css('transform','translateY(0)');
126				$this.find('.et_pb_blurb_extended_btn a').css('transform','translateY('+trans+')');
127			}
128			
129		} else {
130			btn_size = parseInt($this.find('.et_pb_blurb_extended_btn').outerHeight());
131			//trans = ( parseInt(btn_size/2) + padding)+'px';
132			trans = '0';
133			
134			if ( e.type === 'mouseenter' ) {
135				// Translate div upto trans
136				$this.find('.et_pb_blurb_extended_btn').css('transform','translateY('+trans+')');
137				$this.find('.et_pb_blurb_extended_btn a').css('transform','translateY(0)');
138			}
139			
140			if ( e.type === 'mouseleave' ) {
141				// Translate div upto trans
142				$this.find('.et_pb_blurb_extended_btn').css('transform','translateY(0)');
143				$this.find('.et_pb_blurb_extended_btn a').css('transform','translateY(100px)');
144			}
145		}
146	} );
147}
148
149/**
150 * Reset easebox.
151 */
152function el_pb_blurb_reset_easebox( $wrapObj ) {
153	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-in-top' );
154	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-in-right' );
155	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-in-bottom' );
156	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-in-left' );
157	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-out-top' );
158	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-out-right' );
159	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-out-bottom' );
160	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hover-out-left' );
161	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hoverin' );
162	$wrapObj.find( '.et_pb_blurb_content' ).removeClass( 'hoverout' );
163}