$.fn.imageselectbox=function(options){options=options||{};return this.each(function(){var width=options.width;var height=options.height;var bgUrl=options.backgroundUrl;var maxSize=options.maxSize;var displayStyleOpt=options.style;var boxStyle="display:none;position:absolute;top:"+height+"px;left:0;width:"+width+"px;"
var wrapperStyle="position:relative;padding:0;margin:0;height:"+height+"px;width:"
+width+"px";var displayStyle="position: absolute;top:0;left:0;border:0;height:"+height+"px;width:"+width
+"px;background: no-repeat url("+bgUrl+");"+displayStyleOpt;var box=$(this);var boxId=box.attr("id");var opts=box.children("option");var value=opts.length>0?$(opts[0]).text():"";for(var i=0;i<opts.length;i++){var o=$(opts[i]);if(o.attr("selected")){value=o.text();}
if(opts.length==1){o.attr("selected","selected");}}
box.attr("size",opts.length>maxSize?maxSize:opts.length).attr("style",boxStyle);box.wrap("<div id='isb_wrapper'></div>");box.before("<div id='isb_display'/>")
$("#isb_wrapper").attr("style",wrapperStyle);$("#isb_display").attr("style",displayStyle).text(value);if(opts.length>=2){$("#isb_display").click(function(){$("#"+boxId).show();})}
box.change(function(){$('#isb_display').text(this.options[this.selectedIndex].text);$(this).hide();});});}