Flex - Slide Menu

    layout="absolute"
    height="100%" width="100%">
 
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 
 
          toState="over1">
         target="{this.c1}"
      duration="2000"/>
  
          toState="over2">
         target="{this.c2}"
      duration="2000"/>
  
          toState="over3">
         target="{this.c3}"
      duration="2000"/>
  
          toState="over4">
         target="{this.c4}"
      duration="2000"/>
  
          toState="over1-1">
         target="{this.c1}"
      duration="1000"/>
  
          toState="over2-2">
         target="{this.c2}"
      duration="1000"/>
  
          toState="over3-3">
         target="{this.c3}"
      duration="1000"/>
  
          toState="over4-4">
         target="{this.c4}"
      duration="1000"/>
  
 
       x="{this.canvas1.x}"
      y="{this.canvas1.y}"
      width="200"
      height="55">
  
 
       y="23"
      width="200"
      height="55"
      id="canvas1"
      mouseOut="this.currentState='over1-1'"
      mouseOver="this.currentState = 'over1'">
  
 
       x="{this.canvas2.x}"
      y="{this.canvas2.y}"
      width="200"
      height="55">
  
 
       y="96"
      width="200"
      height="55"
      id="canvas2"
      mouseOut="this.currentState='over2-2'"
      mouseOver="this.currentState = 'over2'">
  
 
       x="{this.canvas3.x}"
      y="{this.canvas3.y}"
      width="200"
      height="55">
  
 
       y="168"
      width="200"
      height="55"
      id="canvas3"
      mouseOut="this.currentState='over3-3'"
      mouseOver="this.currentState = 'over3'">
  
 
       x="{this.canvas4.x}"
      y="{this.canvas4.y}"
      width="200"
      height="55">
  
 
       y="242"
      width="200"
      height="55"
      id="canvas4"
      mouseOut="this.currentState='over4-4'"
      mouseOver="this.currentState = 'over4'">