MINI Sh3ll

/* ------------------------------------------------------------------------------
 *
 *  # Velocity animations - basic examples
 *
 *  Demo JS code for animations_velocity_basic.html page
 *
 * ---------------------------------------------------------------------------- */


// Setup module
// ------------------------------

var AnimationsVelocityBasic = function() {


    //
    // Setup module components
    //

    // Velocity basic
    var _componentAnimationVelocityBasic = function() {
        if (!$().velocity) {
            console.warn('Warning - velocity.min.js is not loaded.');
            return;
        }

        // Run basic animations
        $('.velocity-property').on('click', function (e) {
            e.preventDefault();
            
            // Get animation class and panel
            var property = $(this).data('property');
            var value = $(this).data('value');

            var property2 = $(this).data('property2');
            var value2 = $(this).data('value2');

            var property3 = $(this).data('property3');
            var value3 = $(this).data('value3');

            // Add options
            var animateMap = {},
            animateOptions = {
                easing: 'easeInOut',
                duration: 250
            };
            animateMap[property] = value;
            animateMap[property2] = value2;
            animateMap[property3] = value3;


            // Add animation class to panel element
            $(this).parents('.demo-velocity-box')
            .velocity(animateMap, animateOptions)
            .velocity("reverse", {
                delay: 1000,
                complete: function() {
                    $(this).removeAttr('style');
                }
            });
        });
    };


    //
    // Return objects assigned to module
    //

    return {
        init: function() {
            _componentAnimationVelocityBasic();
        }
    }
}();


// Initialize module
// ------------------------------

document.addEventListener('DOMContentLoaded', function() {
    AnimationsVelocityBasic.init();
});