window.addEvent('domready', function  () {
    var req = new Request.JSON({
        'url': '/?altTemplate=RadioShowsJSON',
        'onSuccess': function (object, text) {
            return setupRadio (object);
        }
    }).get();
});

var setupRadio = function (clips) {
    var playlist = clips.map(
        function (item) {
            return item['path'];
        });
    var config = $extend(flowPlayerConfig, {'playlist':  playlist});
    var player = $f("radio_container", "/userfiles/flowplayer/flowplayer.swf", config);
    player.load();


    var options = clips.map(
        function(item, index, array){
            return new Element('option', {
                'value': index,
                'text': item.name
            });
        });

    var Selector = new Element('select', {'id': 'radio_picker'});
    Selector.adopt.apply(Selector, options);
    Selector.addEvent('change', function(e){
        var event = new Event(e);
        var index = parseInt(event.target.value);
        try {
            if (index in playlist) {
                player.pause();
                    player.play(playlist[index]);
            }
        } catch (err) {}
    });
    Selector.replaces($('radio_picker'));
};