var Tab = {
    tabCache: [],
    domain: '',
    init:function() {
        if($('domain')) {
            this.domain = $('domain').value;
        }
        var els = $$(".tabSet li");
        els.invoke("observe","click", function(e) {
            var el = e.element();
            el = el.nodeName=='LI' ? el : el.up('li');
            this.change(el.id);
        }.bind(this));
    },
    change: function(id) {
        $$(".tabSet li").invoke("removeClassName","tabActive");
        $(id).addClassName("tabActive");
        
        var bits = id.split("_");
        
        var mode = bits[1];
        id = bits[2];
        
        if(mode == "ajax") {
            
            $("tabBoxInner").update('<div id="loading"><img src="' + this.domain + '/images/loading.gif" /></div>');
            if(this.tabCache[id]) {
                $("tabBoxInner").update(this.tabCache[id]);
            } else {
                new Ajax.Request(this.domain + (this.domain ? "/" : "") + $("urlPrefix").value.replace(/http:\/\/.*?\//,"").replace(/\.\./,"")+id+'&site_folder='+$("site_folder").value, {
                    onSuccess: function(t) {
                        this.tabCache[id] = t.responseText;
                        $("tabBoxInner").update(t.responseText);
                    }.bind(this)
                });
            }
        } else {
            $$(".tabbedBoxDiv").invoke("hide");
            $(id).show();
        }
    }
}
//tab=Tab;
//document.observe( "dom:loaded", Tab.init.bind(Tab));
//(function() {
Tab.init();
//})();