javascript problem..

Hi
I would like to have it so when each bit of scrunched up paper is clicked it reveals text underneath below the table.
http://gehko.co.uk/rohithSK/test2.html
So basically like this:
http://gehko.co.uk/rohithSK/test2.html
However, on the above link I would like the hover over effect (as seen in test2.html)... and I would like it so when you click on the scrunched up paper it shows numbers one by one under the table graphic. At the moment the numbers appear over one another, i would like just the relevant clicked on to show and hid those not clicked.
i hope this makes sense,
any help much appreciated.
thanks

 

so basically like this:
http://gehko.co.uk/rohithSK/test.html

 

I don't see the numbers you're talking about. Can you clarify a little more?

 

Hi thanks for reply. I have sorted this issue now. However, if you look at the text that pops up when the paper is clicked - you can see it is on one line. Is there a way of having 2 lines of text within javascript. (as in have a line break.

http://www.gehko.co.uk/rohithSK/upcoming_rohith_katbamna.html

This is the code:

<div id="upcomingNewOne">
<a onmouseover="MM_swapImage('Image5','','images/paper1Hover.gif',1)" onmouseout="MM_swapImage('Image5','','images/paper1HoverReverse.gif',2)" href="#">
<img id="Image5" border="0" width="106" height="106" onclick="javascript:document.getElementById("myid").innerHTML="In-Development Feature Film: "" name="Image5" src="images/paper1HoverReverse.gif">
</a>

thanks for any help.