define(
    'views/sounds',
    [
        'marionette',
        'backbone.radio',
        'underscore',
        'collections/sounds',
        'views/sound'
    ],
    function (Marionette, Radio, _, SoundsCollection, SoundView) {
        "use strict";

        var SoundsCollectionView = Marionette.CollectionView.extend({
            childView: SoundView,
            collection: new SoundsCollection(),
            tagName: 'ul',
            childEvents: {
                'sound:play': 'stopPlayingSound'
            },
            initialize: function() {
                var that    = this;

                this.data = {
                    collection: this.collection
                };

                this.channel    = Radio.channel('Sounds');
                this.channel.request('getSounds').then(this.initCollection.bind(this));
                this.channel.on('sounds:filter', this.filterCollection.bind(this));
            },
            initCollection: function(sounds) {
                this.data.collection    = new SoundsCollection(sounds);
                this.collection         = this.data.collection;

                this.render();
            },
            filterCollection: function(search) {
                this.collection     = this.data.collection.filterByTitle(search);

                this.render();
            },
            stopPlayingSound: function() {
                var playingSound    = this.collection.findWhere({playing: true});

                if( playingSound ) {
                    playingSound.stop();
                }
            }
        });

        return SoundsCollectionView;
});