var mooSelectBox=new Class({Implements:[Options,Events],options:{selector:"extStyleBox",boxesClass:"extStyleBoxBoxes",boxClass:"extStyleBoxBox",tipClass:"extStyleBoxTip",ignoreFirstOption:true},initialize:function(a){this.setOptions(a);var b=$$("select."+this.options.selector);if(!b.length){return"nothing to do, selector came up empty!"}b.each(this.replaceSelect.bind(this))},replaceSelect:function(c){var c=document.id(c);if(!c){return}var b=c.getElements("option");var a=-1;if(this.options.ignoreFirstOption){b=b.filter(function(g,f){return f>0})}b.each(function(g,f){if(g.getProperty("selected")){a=f}});if(a==-1){a=0;c.set("value",b[0].get("value"))}if(c.retrieve("boxesElement")){c.retrieve("boxesElement").dispose()}if(c.retrieve("tipElement")){c.retrieve("tipElement").dispose()}c.store("boxesElement",new Element("div",{"class":this.options.boxesClass,styles:{}}).inject(c,"after"));var e=null;for(index=0;index<b.length;index++){var d=new Element("a",{html:"<span>"+b[index].get("html")+"</span>",value:b[index].get("value"),index:index,"class":"extStyleBoxBox extStyleBoxBoxValue"+b[index].get("sefvalue")+(a==index?" extStyleBoxBoxSelected":""),styles:{}}).inject(c.retrieve("boxesElement"));if(a==index){e=d}d.addEvent("click",function(f){e.removeClass("extStyleBoxBoxSelected");e=f.target;e.addClass("extStyleBoxBoxSelected");c.set("value",f.target.get("value"));c.retrieve("tipElement").set("html",b[e.get("index")].get("html"));f.stop()})}c.store("tipElement",new Element("div",{"class":this.options.tipClass,html:b[e.get("index")].get("html"),styles:{}}).inject(c.retrieve("boxesElement")));c.setStyle("display","none")}});