var FancySearchBox=new Class({Implements:[Options,Events],options:{className:"fancySearchBox"},initialize:function(a){this.setOptions(a);var b=this;$$("input[type=text][class*="+this.options.className+"]").each(function(a){var c=a.getCoordinates();(new Element("span#span_searchbox_container")).replaces(a).adopt(new Element("div#search"),a.removeClass(b.options.className),new Element("div#cancel")).setStyles({"background-color":a.getStyle("background-color"),height:c.height+10});$$("#span_searchbox_container #search").addEvents({click:function(){this.nextSibling.focus()}});
$$("#span_searchbox_container input[type=text]").addEvents({focus:function(){this.parentNode.addClass("focused")},blur:function(){this.parentNode.removeClass("focused")}});$$("#span_searchbox_container #cancel").addEvents({click:function(){this.previousSibling.value="";this.style.visibility="hidden";b.fireEvent("cancel")}})});this.checkTextLength.periodical(1E3)},checkTextLength:function(){$$("#span_searchbox_container input[type=text]").each(function(a){a.nextSibling.style.visibility=a.value?"visible":
"hidden"})},cancel:function(){this.fireEvent("cancel")}});