Copy Image Data URL OnClick

Please visit the following page if you want to see the page I am working with. The flower images at the bottom, when clicked, will display the src of that image when clicked in the textbox. However, I want to apply the same function to the manipulated images too, in order to get their data URL's. Currently, the images at the bottom have the following:

Code:
<img src="images/nem.png" onclick="clicked(this)" />
How would I go about adding the onclick to the following javascript generated images?

Code:
var dragon = new Image();
dragon.src = "images/flower2.png";
var dragon2 = new Image();
dragon2.src = "images/oldtraff2.png";
var dragon3 = new Image();
dragon3.src = "images/trees2.png";
var dragon4 = new Image();
dragon4.src = "images/f12.png";
var dragon5 = new Image();
dragon5.src = "images/nem2.png";
var dragon6 = new Image();
dragon6.src = "images/nl2.png";
var dragon7 = new Image();
dragon7.src = "images/dino2.png";
var dragon8 = new Image();
dragon8.src = "images/ipad2.png";
var dragon9 = new Image();
dragon9.src = "images/tokyo2.png";
var dragon10 = new Image();
dragon10.src = "images/pup2.png";