overlay 2 images(+@ images) and wizard (PNG)

overlay 2 images(+@ images) and wizard (PNG)

hi all friends i need make a wizard with PNG Images, something:

1) the start image is a door:


2) the second images are: 


user choose 1, and too choose where is the image at front or back(of the Door, first image),

and tooo choose if was at the front or back... and so on..


i try:   http://jsfiddle.net/pmy1nmuy/16/  initially with 2 images but not work.

any advice of where to start?

thanks