(function($){
//
// Plugin definition goes here
//
})(jQuery);

$('.myCssClass').iconify('myImage.png');

return this.each(function(){
 
// here goes the code that will be manipulation all matched nodes.
 
});

/**
 * Add an icon to an element on the page
 * @param hash options:
 *  image  : String  -> The path to the icon image to use. Either this or cssClass must be defined
 *  cssClass : String  -> The cssClass to use. It assumes the image used as background for the class
 *  iconCss  : Hash  -> Additional css styling for the icon
 *  position : String -> Where you want to see the icon. Options are right, left. Default right
 *  bind  : Hash  -> event: the event to bind to, callback: the callback function for the event
 *
 */
(function($) {
 $.fn.iconify= function(options) {
  var settings = $.extend({
   image    : "n/a",
   cssClass   : "n/a",
   iconCss    : {},
   copyStyle   : true,
   position   : "right", /*right, left*/
   bind    : {event:'click', callback: function() {}}
   },options||{}
  );
   
  var copyStyle = function (element, icon, wrapper){
   elementWidth = element.outerWidth(true);
   elementHeight = element.outerHeight(true);
    
   iconWidth = icon.outerWidth(true);
   iconHeight = icon.outerHeight(true);
    
 
   wrapper.attr('style', element.attr('style'));
   element.css("margin","0");
   element.attr('style','display:inline')
    
   //should pick the max height
   wrapper.width(elementWidth + iconWidth);
   wrapper.height(elementHeight);
 
    
   allClasses = getClassNames(element);
   $.each(allClasses, function(n, value){
    wrapper.toggleClass(value);
    element.removeClass(value);
   });
  }
   
   
  var getClassNames = function(element) {
   if (name = element.attr("class")) {
    return name.split(" ");
   }else {
    return [];
   }
  }
 
  return this.each(function(){
   var self = $(this);
   var wrapper = self.wrap($('<div></div>')).parent();
   var icon = null;
    
    
 
   // css class or image?
   if (settings.cssClass){
    icon = $("<span> </span>").attr("class",settings.cssClass);
   } else if (settings.image){
    icon = $("<img>").attr("src",settings.image);
   }
  
    
   // position left or right?
   if (settings.position && settings.position.length > 0){
    var strPosLength = settings.position.length;
    if (settings.position.substring(strPosLength - 5, strPosLength) == 'right'){
     icon.insertAfter(this);
    }else {
     icon.insertBefore(this);
    }
   }
    
   //copies the element style to the wrapper
   copyStyle(self, icon, wrapper);
    
   // binds event to callback
   icon.bind(settings.bind.event, settings.bind.callback);
   icon.css(settings.iconCss);
  });
 
   
 };
})(jQuery);