/*
 *  Place copyright or other info here...
 */

(function(global, $){
    
    // Define core
    var codiad = global.codiad,
        scripts= document.getElementsByTagName('script'),
        path = scripts[scripts.length-1].src.split('?')[0],
        curpath = path.split('/').slice(0, -1).join('/')+'/';

    // Instantiates plugin
    $(function() {    
        codiad.modalAnimations.init();
    });

    $.loadScript( curpath + 'jquery.transit.js' );

    codiad.modalAnimations = {
        
        // Allows relative `this.path` linkage
        path: curpath,

        init: function() {
            var duration = 300;

            codiad.modal.onLoadAnimation = function(){
		$( "#modal" ).transit({
                    scale: 0,
                    display: 'block',
                    opacity: 0,
                    perspective: '500px',
                    rotateX: "90deg",
                    duration: 0, 
               }).transit({
                    scale: 1,
                    opacity: 1,
                    perspective: '1000px',
                    rotateX: "0deg",
                    duration: duration,
                    easing: 'easeOutBack'
               });
            };
            codiad.modal.onUnloadAnimation = function(){
		$( "#modal" ).transit({
                    scale: 0,
                    opacity: 0,
                    perspective: '500px',
                    rotateX: "90deg",
                    duration: duration,
               });
            };
        },
    };

})(this, jQuery);

/*
 *  Place copyright or other info here...
 */

(function(global, $){
    
    // Define core
    var codiad = global.codiad,
        scripts= document.getElementsByTagName('script'),
        path = scripts[scripts.length-1].src.split('?')[0],
        curpath = path.split('/').slice(0, -1).join('/')+'/';

    // Instantiates plugin
    $(function() {    
        codiad.modalAnimations.init();
    });

    $.loadScript( curpath + 'jquery.transit.js' );

    codiad.modalAnimations = {
        
        // Allows relative `this.path` linkage
        path: curpath,

        init: function() {
            var duration = 300;

            amplify.subscribe( 'modal.onLoad', function(){
                $( "#modal" ).transit({
                     scale: 0,
                     display: 'block',
                     opacity: 0,
                     perspective: '500px',
                     rotateX: "90deg",
                     duration: 0,
                }).transit({
                     scale: 1,
                     opacity: 1,
                     perspective: '1000px',
                     rotateX: "0deg",
                     duration: duration,
                     easing: 'easeOutBack'
                });
	        return false;
            });
            amplify.subscribe( 'modal.onUnload', function(){
                $( "#modal" ).transit({
                     scale: 0,
                     opacity: 0,
                     perspective: '500px',
                     rotateX: "90deg",
                     duration: duration,
                });
                return false;
            });
        },
    };

})(this, jQuery);

Use Amplify to handle modal.andLoad and modal.onUnload
Use Amplify to handle modal.andLoad and modal.onUnload
