move ($tilesize)px's on animation

[webdeveloper_issy]

I am creating an tilegame like pokemon.
 

With pokemon you can only walk orthogonal to an certain tile.

 

I want to be able to move to an tile with an animation.

 

For example:

The tilesize is 32 pixels;

an animation sprite with 4 frames that will take 8 pixels each frame forward to the tile.

I have made an steplength calculator to calculate the length of each step (http://jsfiddle.net/U7w9u/2/). Works with every tile size and amount of frames

 

Maybe this is helpfull for helping me out.