vimeo eventlistener to execute jquery function

所以我正在创建一个照明调光器，以便在vimeo播放器播放，暂停和完成时执行。

现在它不起作用，因为我确信这是 Jquery 的问题......

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<script type="text/javascript">
$(function(){
var vimeoPlayer = document.querySelector('iframe');
$f(vimeoPlayer).addEvent('ready', ready);
function ready(swoosh) {
    froogaloop = $f(swoosh);
    function setupEventListeners() {
        function onPlay() {
            $('body').append('<div id="dim"></div>');
            $('#dim').fadeIn(250);
        }
        function onPause() {
           $('#dim').fadeOut(500,function() { $("#dim").remove(); });
        }
        function onFinish() {
           $('#dim').fadeOut(500,function() { $("#dim").remove(); });
        }
        onPlay();
        onPause();
        onFinish();
    }
    setupEventListeners();
}
})
</script>

我将如何做到这一点，我根本不精通Jquery。