$(document).ready(function() {
    if (!checkForFlash(8)) {
        $('#middle a').each(function() {
            $(this.parentNode).before('<span class="zag"></span>');
        });    
        
        $('span.other').css('margin-left',  '0');
        return;
    }

    var i = 0;
    $('#middle a').each(function() {
        i++;
        var obj = this;
        $(this.parentNode).before('<div id="sound' + i + '" class="sound init"></div><span class="player"><span></span></span>');
    });
    
    $('span.player').click(function() {
        function clear() {
            el.removeClass('play pause');
            $('div.sound').stop();
            $('span.player span').removeClass('play pause');        
        }
        
        var el = $('span', this),
            s = $(this).closest('div').find('.sound');
        
        if (el.hasClass('play')) {
            clear();
            s.stop();
            el.addClass('pause');
        }
        else {
            clear();
            
            if (s.hasClass('init')) {
                s.jPlayer({
                    swfPath: '/music/js',
                    ready: function() {
                        var a = s.closest('div.m').find('a');
                        s.setFile(a.attr('href'));
                        s.play();
                    }
                });
                s.removeClass('init');
            }
            
            s.play();
            el.addClass('play');
        }
        
        s.removeClass('init');
    }).hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });
});