var player_instance = [];

window.addEvent('domready', function() {
    $$('a.mp3_file').each(function(item, index) {
        

        var helper_wraper = new Element('div', {'id': 'player_helper_'+index});
        var helper = new Element('div', {'class': 'mp3_player'});
        helper.grab(helper_wraper);

        var button = new Element('span', {
            'class': 'mp3_player_button',
            'html': ' ',
            'events': {
                'click': function(){
                    if (player_instance.contains('player_helper_'+index)){
                        if ( helper.getStyle('display') == 'block') {
                            helper.setStyle('display','none');
                        }else {
                            helper.setStyle('display','block');
                        }
                    }else{
                        pos = item.getPosition();
                        src_file = item.getProperty('href');
                        helper.setStyle('display','block');
                        helper.setStyle('top', pos.y  - 30 );
                        helper.setStyle('left', pos.x );
                        AudioPlayer.embed('player_helper_'+index,
                                          {
                                            width: 300,
                                            soundFile: src_file,
                                            transparentpagebg: 'yes'
                                          });

                        player_instance.include('player_helper_'+index);
                    }
                },
                'mouseover': function(){
                    //console.log('zmen tlacitko');
                },
                'mouseout': function(){
                    //console.log('zmen tlacitko');
                }
            }
        });

        button.inject(item, 'after');
        helper.inject(item, 'after');
        item.addEvent('mouseover', function(e){
            // tooltip
        });
    });
});