text: (function($ui){
      
          function slideDownTransition (oldDiv, currDiv, back) {
              oldDiv.style.display = "block";
              currDiv.style.display = "block";
              var that = this
              if (back) {
                  currDiv.style.zIndex = 1;
                  oldDiv.style.zIndex = 2;
                  that.clearAnimations(currDiv);
                  that.css3animate(oldDiv, {
                      y: "-100%",
                      x: "0%",
                      time: "150ms",
                      complete: function(canceled) {
                          if(canceled) {
                              that.finishTransition(oldDiv, currDiv);
                              return;
                          }
                          
                          that.css3animate(oldDiv, {
                              x: "-100%",
                              y: 0,
                              complete: function() {
                                  that.finishTransition(oldDiv);
                              
                              }
                          });
                          currDiv.style.zIndex = 2;
                          oldDiv.style.zIndex = 1;
                      }
                  });
              } else {
                  oldDiv.style.zIndex = 1;
                  currDiv.style.zIndex = 2;
                  that.css3animate(currDiv, {
                      y: "-100%",
                      x: "0%",
                      complete: function() {
                          that.css3animate(currDiv, {
                              y: "0%",
                              x: "0%",
                              time: "150ms",
                              complete: function(canceled){
                                  if(canceled) {
                                      that.finishTransition(oldDiv, currDiv);
                                      return;
                                  }
                                  
                                  that.clearAnimations(currDiv);
                                  that.css3animate(oldDiv, {
                                      x: "-100%",
                                      y: 0,
                                      complete: function() {
                                          that.finishTransition(oldDiv);
                                      }
                                  });
                                  
                              }
                          });
                      }
                  });
              }
          }
          $ui.availableTransitions.down = slideDownTransition;
  })(jq.ui);