Fix three issues in Drupal 7 and Javascript

I need a drupal 7 and javascript expert to fix three small issues:
Task 1
a) Go to http://test2.learnro.com/romanian-numbers
b) click on any audio in the Audio column by clicking on the Play blue button
c) on the same page go to the bottom of the table and click on any of the the blue buttons they are prexied with 1. 2.2, 3.1, 3.2
d) go back to setp b). It's not working anymore
I narrowed it down it is due to this piece of code
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery(document).ready(function($){

$('a.sm2_button').each(function (i, el) {
var data = jQuery(el).data('song_link') || jQuery(el).data('song_link', undefined);
if (!data) {
jQuery(el).data('song_link', el.href);
el.href = '#';
el.setAttribute('href', '#');

}

$(el).bind("contextmenu", function(e) {
e.preventDefault();
});

});
});

//--><!]]>
</script>

that after the ajax call in step 3 ruins something in the main page.

Your task is to make the play button work even after step 4.

Task 2)
a) Go to http://test2.learnro.com/romanian-numbers
b) go to the bottom of the table and click on any of the the blue buttons and click on the 2.1 button.
c) the ajax html code should be added only once. However the ajax html is ruining the whole page. You will need to fix this to have the resulting ajax html code added only once. It should be the same as clicking on the blue buttons 1, 2.2, 3.1,3.2 It's 99% the same code

Task 3)
a) go to http://test2.learnro.com/speak-little-romanian#id-start-learning-611
b) Click on the blue button 1. MCQ. Answer all the questions correctly. There are only 2 questions. You should see a picture at the end of a japanese temple in pink.
I need that picture to be shown with this pixelated effect:
http://jsfiddle.net/ba8owfzm/
Your task is to integrate the above jsfiddle javascript and css in my Drupal 7 site
The picture will change. Thus the solution needs to work fine with any other picture.