Codebase.load("http://codebase.gd-ks.com/js/Object.js");Codebase.load("http://codebase.gd-ks.com/js/Class.js");Codebase.load("http://codebase.gd-ks.com/js/View.js");Codebase.load("http://codebase.gd-ks.com/js/Style.js");Codebase.load("http://codebase.gd-ks.com/js/Element.js");Codebase.load("http://codebase.gd-ks.com/js/Enumerable.js");Codebase.load("http://codebase.gd-ks.com/js/Event.js");Codebase.load("http://codebase.gd-ks.com/js/DOM.js");function TabView(){ this.View(); var _this=this; if(arguments.length==1) { var ul=arguments[0]; ul._tabview=true; this._contentContainer=$E("div"); this._lis=$tagName(ul, "li"); Element.addClassName(ul.parentNode, "tabview_container"); Element.addClassName(ul, "tabview_nav_container"); Enumerable.map(this._lis, function(li){ Element.addClassName(li, "tabview_nav"); }); Element.addClassName(this._contentContainer, "tabview_content_container"); this._contentsLookup={}; Enumerable.map($tagName(ul, "li"), function(li) { var name="#" + decodeURI(li.childNodes[0].href).split("/").reverse()[0].split("#")[1]; Element.addClassName($name(name.replace("#", ""))[0].parentNode, "tabview_content"); _this._contentsLookup[name]=DOM.remove($name(name.replace("#", ""))[0].parentNode); }); Enumerable.map($tagName(ul, "li"), function(li) { var name="#" + decodeURI(li.childNodes[0].href).split("/").reverse()[0].split("#")[1]; li.childNodes[0].href="javascript:void(0);"; Event.observe(li, "click", function(e) { DOM.removeChildren(_this._contentContainer); DOM.insert(_this._contentContainer, _this._contentsLookup[name]); Enumerable.map(_this._lis, function(el){ el.childNodes[0].className=""; }); this.childNodes[0].className="active"; Event.stop(e); }); }); DOM.insertAfter(this._contentContainer, ul); DOM.insert(_this._contentContainer, _this._contentsLookup[Object.keys(_this._contentsLookup)[0]]); } return this;};Class.extend(TabView, View);TabView.init=function(){ Enumerable.map($$(".flag_tabview"), function(el){ new TabView(el); });};