tabs.js

var ELE_A=new Element("a");var ELE_LI=new Element("li");var ELE_SPAN=new Element("span");var Tabs=new Class({active:"",tabs:{},lazyshow:false,tabchange:Function.from(),initialize:function(c,a){this.element=$(c);this.tabs=a.tabs;this.lazyshow=!!a.lazyshow;if(typeof(a.onChange)=="function"){this.tabchange=a.onChange}var b=this;this.element.addStopEvent("click",function(e){var d=e.target;if(d&&(d.get("tag")=="span")){d=d.getParent("a")}if(d&&(d.get("tag")=="a")){b.show(d.retrieve("showId"))}})},draw:function(){this.element.set("html","");Object.each(this.tabs,function(c,d){var b=ELE_LI.clone(false);if(this.lazyshow){b.hide();var a=function(){b.show();$(d).removeEvent("show",a)};$(d).addEvent("show",a)}this.element.adopt(b.set("id","tab_"+d).adopt(ELE_A.clone(false).setProperty("href","#").store("showId",d).adopt(ELE_SPAN.clone(false).adopt(ELE_SPAN.clone(false).set("class","tabIcon")).appendText(c))))},this);return this},onChange:function(){if(arguments.length>0){this.tabchange.apply(this,arguments)}else{this.tabchange.call(this,this.active)}},setNames:function(a){Object.each(a,function(b,e){var d=$("tab_"+e);var c=d.getElement("span span");if(c){c.dispose()}d.getElement("span").set("html",b);if(c){d.getElement("span").grab(c,"top")}});return this},show:function(a){if(!has(this.tabs,a)){return}Object.each(this.tabs,function(b,c){if(c==a){$(c).show();$("tab_"+c).addClass("selected")}else{$(c).hide();$("tab_"+c).removeClass("selected")}});this.active=a;this.onChange(a);return this}});