Align image button

Hello,

I need some help, I'm trying to create two buttons for left and right align images (wrap text), the same as align option from image dialog. Basically it should add "float:left" or "float:right" to image style.

This buttons are different from existing align left, center, right, justify witch in fact modifies "text-align" property of the paragraph (without wrap text).

I keep searching for some time so I managed to understand haw to make a simple plugin but I didn't make it to set the style property.

This is my code so far, I made the changes to load the plugin and to show the button, it works with a simple "alet('something');" but I don't know to make it set the "float:left" property:

(function(){
var a= {
   exec:function(editor){
      // Apply style.
      var style = new CKEDITOR.style( { element : 'img', style : 'float:left' } );
      style.type = CKEDITOR.STYLE_INLINE;
      style.apply( editor.document );
   }
},
b='floatleft';
CKEDITOR.plugins.add(b,{
init:function(editor){
editor.addCommand(b,a);
editor.ui.addButton('floatleft',{
label:'Align Left',
icon: this.path + 'align_left.png',
command:b
});
}
});
})();

It would be good also that the buttons to be enabled only when an image is selected.

I think this buttons would be useful for a lot of people because aligning images in editor is not yet handy, especially for people who have no idea about HTML and CSS.

Thank you