Attributes images

Hi
I have been trying to resolve the problem for a few days but now I need some help. I have products with attributes (selection based on radio buttons) and attributes images. I'm trying to hide radio buttons. The client will see only images. But selection in this case is not clear (the client can't see active selection) and I must do something. There are 2 ways to do this:

1. manipulate css and when image is "checked" the border appears around it.
   But how can I "catch" the status of radio button checked/unchecked in Zencart and can I use additional javascripts?
2. Additional bar under all attribute selectors
   "Your choice color:XXXX size:YYYY futures:ZZZZ"
   Can I dynamically trace the status of radio buttons and get attribute name?

By establishing the individual "style" of each radio button, you can use visibility:hidden; in a stylesheet, and you could probably put a border around a selected a img too...

... but what's wrong with radio buttons? At least people know what to do when they see them. If they are not there, you will need to ADD an instruction telling people to click on an image - and what if they don't see that message?

I would leave the buttons there... a confused customer will probably go elsewhere to shop.

Hi. Thank you for your reply.
There is nothing wrong with radio buttons. But the design of product page is very special, including additional images and flash. The area where attributes selectors are located is designed like... pieces of puzzle. I can't give you a link in this moment because it's on local testing server.
How can I do this:

schoolboy:

...and you could probably put a border around a selected a img too...