How to show image of user selected product variation?

Hi,

I am new to zen cart. I am developing a website of selling bags where each bag can have different colors. While putting product in zen cart i have option of putting different attributes of a product, where i have put images of each color that a product have, my problem is that when a user select a product with specific color, then in the checkout page the image comes which is not of the specific color that a user selected.
For example If a user selects green color bag, whose image also shown in listing, but the checkout page does not show the green color bag. it shows the image of a bag which was initially uploaded. I want the green color bag to be shown in the checkout page.
Please help me to solve my problem.

Best Regards,

Shah Zaman

You will have to look into using the js function of swap on click or swap on hover and there may be something similar in the free software downloads section you can look for

Thanks to your reply.

Can you explain in detail i am not able to fully understand.

Best Regards,

Shah Zaman

See

http://www.google.com/search?q=java+script+swap+on+click&start=0&ie=utf-8&oe=utf-8&client=firefox-a&rls=org.mozilla:en-US:official

Once again thanks for your reply.

Actually my problem is only on the checkout page. The checkout page only shows single image we haven't other images of a product in this page, so how can i use javascript to show the image which the user has selected on previous image.