Issue in customizing CK-editor image selection dialog.

  Hi All,

I need to customize ckeditor image selection dialog, and need to add text field to set caption value to image and generate below markup on click of ok button of dialog :

<div class="image">

                  <img ...>

                  <div>caption text</div>

</div>

I have successfully added caption text field and modified "onOk" function to generate above markup, but after adding that what ever is entered in CK-editor via keyboard or when second image  is selected it goes inside main DIV i.e ''<div class="image">" .

Eg:- I am getting below incorrect results when 2 images are added :

<div class="image">

                  <img1 ...>

                  <div>caption text 1 </div>

                       <div class="image">

                              <img2 ...>

                              <div>caption text 2 </div>

                       </div>

</div>

Expected results aftre adding 2 images : 

<div class="image">

                  <img 1 ...>

                  <div>caption text 1</div>

</div>

<div class="image">

                  <img 2 ...>

                  <div>caption text 2</div>

</div>

I am using version 3.x of ckeditor.

Please suggest solution or pointers to solve above issue.

Thanks !

Faizaan