source: Dev/trunk/src/client/dojox/css3/transit.js

define(["dojo/_base/array", "dojo/dom-style", "dojo/promise/all", "dojo/sniff", "./transition"],
        function(darray, domStyle, all, has, transition){
        // module: 
        //              dojox/css3/transit
        
        var transit = function(/*DomNode*/from, /*DomNode*/to, /*Object?*/options){
                // summary:
                //              Performs a transition to hide a node and show another node.
                // description:
                //              This module defines the transit method which is used
                //              to transit the specific region of an application from 
                //              one view/page to another view/page. This module relies 
                //              on utilities provided by dojox/css3/transition for the 
                //              transition effects.
                // options:
                //              The argument to specify the transit effect and direction.
                //              The effect can be specified in options.transition. The
                //              valid values are 'slide', 'flip', 'fade', 'none'.
                //              The direction can be specified in options.reverse. If it
                //              is true, the transit effects will be conducted in the
                //              reverse direction to the default direction. Finally the duration
                //              of the transition can be overridden by setting the duration property.
                var rev = (options && options.reverse) ? -1 : 1;
                if(!options || !options.transition || !transition[options.transition] || (has("ie") && has("ie") < 10)){
                        if(from){
                                domStyle.set(from,"display","none");
                        }
                        if(to){
                                domStyle.set(to, "display", "");
                        }
                        if(options.transitionDefs){
                                if(options.transitionDefs[from.id]){
                                        options.transitionDefs[from.id].resolve(from);
                                }
                                if(options.transitionDefs[to.id]){
                                        options.transitionDefs[to.id].resolve(to);
                                }
                        }
                        // return any empty promise/all if the options.transition="none"
                        return new all([]);
                }else{
                        var defs = [];
                        var transit = [];
                        var duration = 2000;
                        if(!options.duration){
                                duration = 250;
                                if(options.transition === "fade"){
                                        duration = 600;
                                }else if (options.transition === "flip"){
                                        duration = 200;
                                }
                        }else{
                                duration = options.duration;
                        }
                        if(from){
                                domStyle.set(from, "display", "");
                                //create transition to transit "from" out
                                var fromTransit = transition[options.transition](from, {
                                        "in": false,
                                        direction: rev,
                                        duration: duration,
                                        deferred: (options.transitionDefs && options.transitionDefs[from.id]) ? options.transitionDefs[from.id] : null
                                });
                                defs.push(fromTransit.deferred);//every transition object should have a deferred.
                                transit.push(fromTransit);
                        }
                        if(to){
                                domStyle.set(to, "display", "");
                                //create transition to transit "to" in
                                var toTransit = transition[options.transition](to, {
                                                                direction: rev,
                                                                duration: duration,
                                                                deferred: (options.transitionDefs && options.transitionDefs[to.id]) ? options.transitionDefs[to.id] : null
                                                        });
                                defs.push(toTransit.deferred);//every transition object should have a deferred.
                                transit.push(toTransit);
                        }
                        //If it is flip use the chainedPlay, otherwise
                        //play fromTransit and toTransit together
                        if(options.transition === "flip"){
                                transition.chainedPlay(transit);
                        }else{
                                transition.groupedPlay(transit);
                        }

                        return all(defs);
                }
        };
        
        return transit;
});