[flexcoders] Image distortion in move effect

[aizmail]

 I have a simple code down below that moves image from one corner of 
the screen to another. During the move image is getting some 
distortion.
Are there any suggestion how to improve the quality of the move?


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 
                layout="absolute" width="842" height="242">
        <mx:Script>
                <![CDATA[
                        public function changeState():void{
                                if(currentState=='ImageOnTheRight') {
                                        currentState='';
                                }else {
                                
        currentState='ImageOnTheRight';
                        }       }
                ]]>
        </mx:Script>
        <mx:states>
                <mx:State name="ImageOnTheRight">
                        <mx:SetProperty target="{image1}" 
                                name="x" value="517"/>
                </mx:State>
        </mx:states>
        <mx:Image id="image1" x="10" y="10" 
                width="121"  height="121"
                source="http://ecx.images-
amazon.com/images/I/51aTbk9EnLL._SS500_.jpg" 
                />
        <mx:Button x="10" y="153" label="Move Image" 
                click="changeState();"/>
        <mx:transitions>
                <mx:Transition fromState="*" toState="*" >
                        <mx:Move duration="700" 
targets="{[image1]}"  />
                </mx:Transition>
        </mx:transitions>
</mx:Application>