/* ------------------------------------------------------------------------------
*
*  # Velocity.js UI
*
*  Specific JS code additions for extension_velocity_ui.html page
*
*  Version: 1.0
*  Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */

$(function() {

    // Run animations
    $('.velocity-animation').on('click', function (e) {

        // Get animation class and panel
        var animation = $(this).data("animation");

        // Add animation class to panel element
        $(this).parents(".panel").velocity("callout." + animation, { stagger: 500 });
        e.preventDefault();
    });


    // Run transitions
    $('.velocity-transition').on('click', function (e) {

        // Get animation class and panel
        var transition = $(this).data("transition");

        // Add animation class to panel element
        $(this).parents(".panel").velocity("transition." + transition, { 
        	stagger: 1000,
        	duration: 1000
		});

        e.preventDefault();
    });


	// Clear styles after 2 seconds
	window.setInterval(function(){
		$('.velocity-transition').parents('.panel').removeAttr('style');
	}, 2000);

});