I'll try to make as basic a walk-through as I can.

We have a "grotto" page on our web site. It is a place where people can light virtual candles. You can see the grotto with UNLIT candles in the graphic above.

A person can come along and "light" a virtual candle.

They click on a candle in the grotto.
Click loads single candle page.
A couple of "message" pages follow, you move forward by clicking "next."
Then you "light" the candle by clicking on the wick. This changes the graphic to a lit candle with a slight flicker animation.
Couple of more pages are used to gather basic information from the user.
When user clicks "finish" they are returned to the "grotto."
The desired outcome is that their candle should now be shown as "lit" in the grotto, and it should be identifiable by the information the user input.
Lighting the candle starts a 36-hour timer. The lit candle should gradually get shorter, like a progress bar, except in reverse.
At the end of 36 hours, the candle "snuffs out" and is replaced by a new unburned candle.