$.fn.customSelect=function(fn_handler){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>")});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(){if($("#iconselectholder").css("display")=="none"){$("#iconselectholder").slideDown()}else{$("#iconselectholder").slideUp()}});$("#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();if(typeof fn_handler!='undefined')fn_handler(this.id);$("#iconselect").html(thisselection);$("#iconselectholder").slideUp()});$("#iconselectholder").mouseleave(function(){$(this).slideUp()})})}