$.fn.customSelect = function() {
  // define defaults and override with options, if available
  // by extending the default settings, we don't modify the argument

  var elSelect = this.find('option')[0].parentNode;

  return this.each(function() {
      obj = $(this);
      obj.after("<div id=\"selectoptions\"> </div>");

      obj.find('option').each(function(i){ 
          $("#selectoptions").append("<div id=\""
                  + $(this).attr("value") + "\" class=\"selectitems\"><img src=\""
				  + this.title + "\" /><span>" + $(this).html()
				  + "</span></div>");
      });

      obj.before("<input type=\"hidden\" value =\"\" name=\""
	          + this.name + "\" class=\"customselect\"/><div id=\"iconselect\">"
			  + this.title + "</div><div id=\"iconselectholder\"> </div>").remove();

	  $(document).click(function() {
		  if ($("#iconselectholder").attr('bOpening') != 'true') {
          	 $("#iconselectholder").css('display', 'none');
		  } // if (bCanClose) {
			  
		  $("#iconselectholder").attr('bOpening', 'false');
	  });

	  $("#iconselect").click(function() {
          $("#iconselectholder").toggle(0);
		  $("#iconselectholder").attr('bOpening', 'true');
	  });
	  
	  $("#iconselectholder").append( $("#selectoptions")[0] );
          
	  $(".selectitems").mouseover(function(){
	      $(this).addClass("hoverclass");
      });
		  
	  $(".selectitems").mouseout(function(){
	      $(this).removeClass("hoverclass");
	  });

      $(".selectitems").click(function(){
	      $(".selectedclass").removeClass("selectedclass");
	      $(this).addClass("selectedclass");
	       
		  var thisselection = $(this).html();
           
		  $(".customselect").val(this.id);
          $("#iconselect").html(thisselection);
	      $("#iconselectholder").toggle(0);
		   
		  elSelect.onchange();
	   });
   });  
   // do the rest of the plugin, using url and settings
}