https://treefoundation.org/wp-content/plugins/tree-foundation-single-forest-page/js/rotate3Di.js?ver=7.1.2

1(function ($) {
2    // rotate3Di v0.9.2
3    // https://github.com/zachstronaut/rotate3Di
4    // 2012.10.04 - 2009.03.11 Zachary Johnson http://www.zachstronaut.com
5    // "3D" isometric rotation and animation using CSS3 transformations
6    // currently supported in Safari/Chrome/Webkit, Firefox 3.5+, IE 9+,
7    // and Opera 11+. Tested with jQuery 1.3.x through 1.7.2.
8    
9    
10    var calcRotate3Di = {
11        direction: function (now) {return (now < 0 ? -1 : 1);},
12        degrees: function (now) {return (Math.floor(Math.abs(now))) % 360;},
13        scale: function (degrees) {return (1 - (degrees % 180) / 90)
14                                            * (degrees >= 180 ? -1 : 1);}
15    }
16    
17    // Custom animator
18    $.fx.step.rotate3Di = function (fx) {
19        direction = calcRotate3Di.direction(fx.now);
20        degrees = calcRotate3Di.degrees(fx.now);
21        scale = calcRotate3Di.scale(degrees);
22
23        if (fx.options && typeof fx.options['sideChange'] != 'undefined') {
24            if (fx.options['sideChange']) {
25                var prevScale = $(fx.elem).data('rotate3Di.prevScale');
26                
27                // negative scale means back side
28                // positive scale means front side
29                // if one is pos and one is neg then we have changed sides
30                // (but one could actually be zero).
31                if (scale * prevScale <= 0) {
32                    // if one was zero, deduce from the other which way we are
33                    // flipping: to the front (pos) or to the back (neg)?
34                    fx.options['sideChange'].call(
35                        fx.elem,
36                        (scale > 0 || prevScale < 0)
37                    );
38                    // this was commented out to prevent calling it more than
39                    // once, but then that broke legitimate need to call it
40                    // more than once for rotations of 270+ degrees!
41                    //fx.options['sideChange'] = null;
42                    
43                    // this is my answer to commenting the above thing out...
44                    // if we just flipped sides, flip-flop the old previous
45                    // scale so that we can fire the sideChange event correctly
46                    // if we flip sides again.
47                    $(fx.elem).data(
48                        'rotate3Di.prevScale',
49                        $(fx.elem).data('rotate3Di.prevScale') * -1
50                    );
51                }
52            }
53
54            // Making scale positive before setting it prevents flip-side
55            // content from showing up mirrored/reversed.
56            scale = Math.abs(scale);
57        }
58
59        // Since knowing the current degrees is important for detecting side
60        // change, and since Firefox 3.0.x seems to not be able to reliably get
61        // a value for css('transform') the first time after the page is loaded
62        // with my flipbox demo... I am storing degrees someplace where I know
63        // I can get them.
64        $(fx.elem).data('rotate3Di.degrees', direction * degrees);
65        $(fx.elem).css(
66            'transform',
67            'skewY(' + direction * degrees + 'deg)'
68                + ' scale(' + scale + ', 1)'
69        );
70    }
71    
72    // fx.cur() must be monkey patched because otherwise it would always
73    // return 0 for current rotate3Di value
74    var proxied = $.fx.prototype.cur;
75    $.fx.prototype.cur = function () {
76        if(this.prop == 'rotate3Di') {
77            return $(this.elem).data('rotate3Di.degrees') || 0;
78        }
79        
80        return proxied.apply(this, arguments);
81    }
82    
83    $.fn.rotate3Di = function (degrees, duration, options) {
84        if (typeof duration == 'undefined') {
85            duration = 0;
86        }
87        
88        if (typeof options == 'object') {
89            $.extend(options, {duration: duration});
90        } else {
91            options = {duration: duration};
92        }
93        
94        if (degrees == 'toggle') {
95            // Yes, jQuery has the toggle() event but that's only good for
96            // clicks, and likewise hover() is only good for mouse in/out.
97            // What if you want to toggle based on a timer or something else?
98            if ($(this).data('rotate3Di.flipped')) {
99                degrees = 'unflip';
100                
101            } else {
102                degrees = 'flip';
103            }
104        }
105        
106        if (degrees == 'flip') {
107            $(this).data('rotate3Di.flipped', true);
108
109            var direction = -1;
110            if (
111                typeof options == 'object'
112                && options['direction']
113                && options['direction'] == 'clockwise'
114            ) {
115                direction = 1;
116            }
117            
118            degrees = direction * 180;
119            
120        } else if (degrees == 'unflip') {
121            $(this).data('rotate3Di.flipped', false);
122            
123            degrees = 0;
124        }
125        
126        var d = $(this).data('rotate3Di.degrees') || 0;
127        $(this).data(
128            'rotate3Di.prevScale',
129            calcRotate3Di.scale(calcRotate3Di.degrees(d))
130        );
131        $(this).animate({rotate3Di: degrees}, options);
132    }
133})(jQuery);