Switching between two audio-clips back and forth?

Hi,

I am trying to find a WordPress-related solution to accomplish exactly this:
http://www.doctormix.com/
(The MIX & MASTERING section to the right)

The idea in text:
The visitors should be able to play different songs but with two versions of each, one of which is unprocessed and one of which is processed (connect two audio-clips somehow). The idea is that they should get an idea of my audio-engineering capabilities. I’d also like to have textbuttons instead of the standard look, just like the example above.

The idea in theory look like this:
Songtitle 1
BEFORE-Button (Play unprocessed)
AFTER-Button (Play processed)

Songtitle 2
BEFORE-Button (Play unprocessed)
AFTER-Button (Play processed)

For instance:
1. Visitor click AFTER on Songtitle 1.
2. After 12 seconds the visitor click BEFORE on the same song [AFTER-clip stops and BEFORE-clip plays from the exactly same location in the clip immediately].
3. 4 seconds later visitor click AFTER [Vice versa].
4. Visitor click on Songtitle 2 which should of course start from the beginning.
And so on…

I imagine this shouldn’t be too hard to accomplish? If there’s a plug-in which could do the job I’m ready to pay, but I’m open for code-solutions as well.

Regards,
edbergswe