define('views/sounds', function(require) {
    "use strict";

    var Marionette              = require('marionette'),
        Radio                   = require('backbone.radio'),
        SoundsCollection        = require('collections/sounds'),
        SoundView               = require('views/sound'),
        SoundsCollectionView;

    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;
});