create CKFinder.dialog.add not within iframe

CKFinder.dialog.add( 'tagDailog', function( api )
         {
            
            console.log(api);
            // CKFinder.dialog.definition
            var dialogDefinition = {
                  title : api.getSelectedFile().name  + " Tagging",
                  minWidth : 500,
                  minHeight : 500,
                  inIframe : false,
                  inPopup : true,
                  maxWidth : 500,
                  maxHeight : 500,
                  onShow : function() {
                     
                     var dialog = this;
                     
                     var thumbLarge = CKFinder.config.imageresize_thumbLarge;

                     doc = dialog.getElement().getDocument();
                     file = api.getSelectedFile();

                     //this.setTitle( file.name );
                     this.setTitle( 'Tag Photo' );

                     /*
                     annotationIframe = doc.getById('iframe_imageNotation');
                     ifram = $(annotationIframe.$);
                     doc   = ifram.contentDocument;// its also null
                     console.log(ifram);
                     console.log(ifram.contentDocument);
                     console.log(previewImg);
                     
                     */
                      imagePath = file.getUrl( true );
                     return;
                     previewImg = $(doc).find('toAnnotate');
                     previewImg = $(previewImg);
                     var img = new Image();
                     img.src =  file.getUrl( true );
                     img.onload = function()
                     {
                  
                     };
                  },
                  onOk : function() {
                     
                     var dialog = this;
                        
                     return undefined;
                  },
                  contents : [
                     {
                        id : 'tab1',
                        label : '',
                        title : '',
                        expand : true,
                        padding : 0,
                        elements :
                        [
                           {
                                 type : 'html',
                                 html: '<iframe  id="iframe_imageNotation"  width="100%"  style="height:100%" height="100%" src="plugins/imagennotation/imageAnnotation.html" ></iframe>'
                              }
                        ]
                     }
                  ],
                  // TODO http://dev.fckeditor.net/ticket/4750
                  buttons : [ CKFinder.dialog.okButton, CKFinder.dialog.cancelButton ]
               };

            return dialogDefinition;
         } );