Need help with modifying JW Player Plugin

Hello,
I am trying to modify the jwplayer plugin to allow the user to add a preview image to the video player. In order to do this the user must be able to browse the uploaded images. The problem is that I can't figure out how to tell the file browser to browse images instead of files. Currently when I click the browse button it browses only files not images. Here is the code that I added. Any help is appreciated.

{
type: 'hbox',
widths: ['280px', '10px'],
align: 'left',
   children:[{
      type: 'text',
      id: 'preview_url',
      label: 'Preview Image',
      onChange: UpdatePreview
   }, {
      type: 'button',
      id: 'browse',
      filebrowser: 'info:preview_url',                  
      label: editor.lang.common.browseServer,
      style: 'display:inline-block;margin-top:8px;'
   }]
},            

Here is the all the code.

CKEDITOR.dialog.add('jwplayer', function (editor) {
    var JWplayer = CKEDITOR.plugins.get('jwplayer').path + 'jwplayer/player.swf';

    function UpdatePreview() {
        document.getElementById("_video_preview").innerHTML = ReturnPlayer()
    }
    function ReturnPlayer() {
        var fileUrl = CKEDITOR.dialog.getCurrent().getContentElement('info', 'video_url').getValue();
      var previewUrl = CKEDITOR.dialog.getCurrent().getContentElement('info', 'preview_url').getValue();
        var width = CKEDITOR.dialog.getCurrent().getContentElement('info', 'width').getValue();
        var height = CKEDITOR.dialog.getCurrent().getContentElement('info', 'height').getValue();
        var auto = CKEDITOR.dialog.getCurrent().getContentElement('info', 'auto').getValue();
        var skin = '';
        var selectskin = CKEDITOR.dialog.getCurrent().getContentElement('info', 'skin').getValue();
        if (selectskin != 'default') {
            skin = "&skin=" + CKEDITOR.plugins.get('jwplayer').path + "jwplayer/skin/" + selectskin + ".zip "
        }
        var JWEmbem = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'" + " width='" + width + "' height='" + height + "'>" + " <param name='movie' value='" + JWplayer + "'>" + " <param name='allowfullscreen' value='true'>" + " <param name='allowscriptaccess' value='always'>" + " <param name='flashvars' value='file=" + fileUrl + "&autostart=" + auto + "'>";
        if (selectskin != 'default') {
            JWEmbem += "<param name='flashvars' value='" + skin + "'>"
        }
      
      var preview = '';
      
      if(previewUrl != ''){
        preview = "&image=" + previewUrl;
      }
      
      previewUrl
      
        JWEmbem += " <embed id='player1' name='player1'";
        JWEmbem += " width='" + width + "' height='" + height + "'" + " src='" + JWplayer + "' allowscriptaccess='always'" + " allowfullscreen='true' flashvars='file=" + fileUrl + preview + skin + "&autostart=" + auto + "'/>" + "</object>";
        
      return JWEmbem
    }
    return {
        title: 'Plugin JW Player',
        minWidth: 450,
        minHeight: 260,
        contents: [{
            id: 'info',
            label: '',
            title: '',
            expand: true,
            padding: 0,
            elements: [{
                type: 'vbox',
                widths: ['280px', '30px'],
                align: 'left',
                children: [{
                    type: 'hbox',
                    widths: ['280px', '30px'],
                    align: 'left',
                    children: [{
                        type: 'text',
                        id: 'video_url',
                        label: 'Youtube URL Or Stream Link URL',
                        onChange: UpdatePreview
                    }, {
                        type: 'button',
                        id: 'browse',
                        filebrowser: 'info:video_url',
                        label: editor.lang.common.browseServer,
                        style: 'display:inline-block;margin-top:8px;'
                    }]
                }, 
            
            
            {
            type: 'hbox',
            widths: ['280px', '10px'],
            align: 'left',
               children:[{
                  type: 'text',
                  id: 'preview_url',
                  label: 'Preview Image',
                  onChange: UpdatePreview
               }, {
                  type: 'button',
                  id: 'browse',
                        filebrowser: 'info:preview_url',                  
                  label: editor.lang.common.browseServer,
                  style: 'display:inline-block;margin-top:8px;'
               }]
            },            
            
            
            {
                    type: 'hbox',
                    widths: ['280px', '10px'],
                    align: 'left',
                    children: [{
                        type: 'vbox',
                        widths: ['280px', '10px'],
                        align: 'left',
                        children: [{
                            type: 'select',
                            id: 'skin',
                            'default': 'default',
                            label: 'Skin JW Player',
                            items: [['default', 'default'], ['simple', 'simple'], ['glow', 'glow'], ['snel', 'snel'], ['modieus', 'modieus'], ['stormtrooper', 'stormtrooper'], ['beelden', 'beelden'], ['stijl', 'stijl']],
                            onChange: UpdatePreview
                        }, {
                            type: 'text',
                            id: 'width',
                            style: 'width:95px',
                     label: 'Width:',
                            onChange: UpdatePreview
                        }, {
                            type: 'text',
                            id: 'height',
                            style: 'width:95px',
                            label: 'Height:',
                            onChange: UpdatePreview
                        }, {
                            type: 'checkbox',
                            id: 'auto',
                            'default': true,
                            label: editor.lang.flash.chkPlay,
                            onChange: UpdatePreview
                        }]
                    }, {
                        type: 'vbox',
                        widths: ['280px', '10px'],
                        align: 'left',
                        children: [{
                            type: 'html',
                            id: 'preview',
                            html: '<div id="_video_preview" ><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="200px" width="200px"> <param name="movie" value="' + JWplayer + '" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="flashvars" value="autostart=false" /> <embed allowfullscreen="true" allowscriptaccess="always" flashvars="autostart=false" height="200px" id="player1" name="player1" src="' + JWplayer + '" width="200px"></embed></object></div>'
                        }]
                    }]
                }]
            }]
        }],
        buttons: [CKEDITOR.dialog.okButton, CKEDITOR.dialog.cancelButton],
        onOk: function () {
            editor.setData(editor.getData() + ReturnPlayer())
        }
    }
});