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

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\"><span>" + $(this).html() + "</span></div>");
		//$("#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();

	$("#iconselect").click(function(){
		//$("#iconselectholder").slideToggle("");
		$("#iconselectholder").toggle();
	});
	
	$("#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").slideToggle("")
		$("#iconselectholder").toggle();
		

	});
}); 
	

 // do the rest of the plugin, using url and settings
}