Onclick Handler In 'for' Loop ?

I'm finishing up the front-end of an events management application, but I'm running into a problem with my javascript.

Here's the scenario: I have the php application returning all event details into a JSON object.

The object structure looks like this:

Code:

Each event title listing on the calendar grid is assigned "#" plus the event's ID for it's link, just for testing purposes--no problems.

Eventually, I want the user to get a yui container (modal) with the event details, but when I add the onclick handler to the links, the id that gets passed for each of the links is the same, 60 (which is the ID of the last iteration in the loop).

Here is my code:

Code:

I've tried using the var keyword to localize the id, but that produced the same problem.