<?xml version="1.0" encoding="utf-8"?>
  <mx:Canvas 
          xmlns:mx="http://www.adobe.com/2006/mxml" 
          xmlns:sides="view.sides.*" 
          xmlns:mxeffects="com.adobe.ac.mxeffects.*">
          
          <mx:states>
                  <mx:State name="registrationState">
                          <mx:RemoveChild target="{ login }"/>
                          <mx:AddChild>
                                  <sides:Registration 
                                          id="registration" title="Registration" 
                                          change="currentState = ''" />
                          </mx:AddChild>
                  </mx:State>
          </mx:states>
          
          <mx:transitions>
                  <mx:Transition fromState="" toState="registrationState" 
                          effect="{ flipFront }"/>
                  <mx:Transition fromState="registrationState" toState="" 
                          effect="{ flipBack }"/>
          </mx:transitions>
          
          <mx:Sequence id="flipFront">                
                  
                  <mxeffects:CubeRotate 
                          target="{ login }" 
                          siblings="{ [ registration ] }" 
                          direction="RIGHT"
                          duration="1000"/>
                  
                  <mx:RemoveChildAction target="{ login }"/>
                  <mx:AddChildAction target="{ registration }"/>                                
          </mx:Sequence>
          
          <mx:Sequence id="flipBack">                
          
                  <mxeffects:CubeRotate 
                          target="{ registration }"                 
                          siblings="{ [ login ] }" 
                          direction="LEFT"
                          duration="1000"/>
                          
                  <mx:RemoveChildAction target="{ registration }"/>
                  <mx:AddChildAction target="{ login }"/>                                
          </mx:Sequence>
          
          <sides:Login id="login" title="Login" 
                  change="currentState = 'registrationState';"/>
          
  </mx:Canvas>