//选项卡管理器控件
var TabControl;
if(!TabControl){
    TabControl= Class.create();
}
Object.extend(TabControl.prototype, {
    initialize: function(headContainer, bodyContainer, leftBtn, rightBtn) {
        this.HeadContainer = headContainer; //选项卡li容器UL
        this.BodyContainer = bodyContainer; //选项卡iframe容器DIV
        this.LeftBtn = leftBtn; //向左移动选项卡按钮
        this.RightBtn = rightBtn; //向右移动选项卡按钮
        this.TabList = []; //按增加循序的选项卡数组
        this.TabSortList = []; //按激活循序排列的选项卡数组，暂时不支持
        this.CurrentTab = null; //当前激活选项 
        if (this.LeftBtn && this.RightBtn) {
            //绑定左右按钮事件
            this.RightBtn.onclick = this.ToRight.bindAsEventListener(this);
            this.LeftBtn.onclick = this.ToLeft.bindAsEventListener(this);
        }
    },
    ToLeft: function() {
        for (var i = 0; i < this.TabList.length; i++) {
            if (this.TabList[i] == this.CurrentTab) {
                if (this.TabList[i - 1]) {
                    this.TabList[i - 1].active();
                }
                else {
                    this.TabList[this.TabList.length - 1].active();
                }
                return;
            }
        }
    },
    ToRight: function() {
        for (var i = 0; i < this.TabList.length; i++) {
            if (this.TabList[i] == this.CurrentTab) {
                if (this.TabList[i + 1]) {
                    this.TabList[i + 1].active();
                }
                else {
                    this.TabList[0].active();
                }
                return;
            }
        }
    },
    AddTab: function(tab) {
        this.visitedRegister(tab, 'add');
    },
    ActiveTab: function(tab) {
        this.visitedRegister(tab, 'active');
    },
    ResetTab: function(tab) {
        tab.TabTitle.className = 'Normal'; //未激活状态下的样式
        tab.TabBody.style.display = 'none';
    },
    DestroyTab: function(tab) {
        this.visitedRegister(tab, 'destroy');
    },
    ClearTab: function() {
        this.visitedRegister(null, 'clear');
    },
    ExistTab: function(tab) {
        for (var i = 0; i < this.TabList.length; i++) {
            if (this.TabList[i].Url == tab.Url) {
                if (tab.AutoActive) {
                    this.TabList[i].active();
                }
                return true;
            }
        }
        return false;
    },
    visitedRegister: function(tab, type) {
        var i = this.TabList.length;
        switch (type) {
            case 'add':
                if (!this.ExistTab(tab)) {
                    tab.TabControl = this;
                    this.HeadContainer.appendChild(tab.TabTitle);
                    this.BodyContainer.appendChild(tab.TabBody);
                    this.TabList[i] = tab;
                    //tab.TabBody.style.height = this.TabControl.BodyContainer.style.height;
                    
                    if (tab.AutoActive) {
                        tab.active();
                    }
                    else {
                        this.ResetTab(tab);
                        this.changeSubPage();
                    }
                    tab.resize();
                }
                break;
            case 'active':
                if (this.CurrentTab == tab) {
                    return;
                }
                else {
                    if (this.CurrentTab != null) {
                        this.ResetTab(this.CurrentTab);
                    }
                    this.CurrentTab = tab;
                    tab.TabTitle.className = 'Current'; //激活状态下的样式
                    tab.TabBody.style.display = '';
                    if (tab.TabBody.src == '') {
                        tab.TabBody.src = tab.Url;
                    }
                }
                /*选项卡激活时候的页面初始化方法，默认方法，可以在激活的对外事件中自定义方法执行*/
                try {
                    if (typeof tab.TabBody.contentWindow.fnActive == 'function') {
                        tab.TabBody.contentWindow.fnActive();
                    }
                }
                catch (e) {
                }
                this.changeSubPage();
                tab.onActive();
                break;
            case 'destroy':
                /*选项卡关闭页面时候执行的方法,默认方法，可以在销毁的对外事件中自定义方法执行*/
                try {
                    if (typeof tab.TabBody.contentWindow.fnExit == 'function') {
                        tab.TabBody.contentWindow.fnExit();
                    }
                }
                catch (e) {
                }
                for (var k = 0; k < i; k++) {
                    if (this.TabList[k] == tab) {
                        this.TabList.splice(k, 1);
                        this.HeadContainer.removeChild(tab.TabTitle);
                        this.BodyContainer.removeChild(tab.TabBody);
                        break;
                    }
                }
                if (tab == this.CurrentTab) {
                    if (i - 1 > 0) {
                        this.TabList[i - 2].active();
                    }
                    else {
                        this.CurrentTab = null;
                    }
                }
                tab = null;
                this.changeSubPage();
                break;
            case 'clear':
                for (var k = 0; k < this.TabList.length; k++) {
                    this.HeadContainer.removeChild(this.TabList[k].TabTitle);
                    this.BodyContainer.removeChild(this.TabList[k].TabBody);
                    this.TabList.splice(k, 1);
                    k--;
                }
                this.CurrentTab = null;
                this.changeSubPage();
                break;
        }
    },
    changeSubPage: function() {
        if (this.TabList.length == 0) {
            this.HeadContainer.style.width = '0px';
            this.HeadContainer.style.left = '0px';
        }
        else {
            var myWidth = 0; //选项卡容器宽度,如果有偏移量的需要加上
            var parentWidth = 0; //选项卡容器的父节点宽度
            var leftWidth = 0; //激活选项卡左边的总宽度
            for (var i = 0; i < this.TabList.length; i++) {
                myWidth += this.TabList[i].TabTitleWidth + 4; //4像素偏移
            }
            this.HeadContainer.style.width = myWidth + 'px';
            parentWidth = this.HeadContainer.parentNode.clientWidth; //parseInt(this.HeadContainer.parentNode.style.width.replace('px',''),10);
            if (this.LeftBtn && this.RightBtn) {
                if (myWidth > parentWidth) {
                    var i = 0;
                    var j = 0;
                    for (i; i < this.TabList.length; i++) {
                        if (this.TabList[i] == this.CurrentTab) {
                            for (j = i; j >= 0; j--) {
                                leftWidth += this.TabList[j].TabTitleWidth + 4;
                            }
                            if (leftWidth > parentWidth) {
                                var lw = 0;
                                for (j = 0; j <= i; j++) {
                                    lw += this.TabList[j].TabTitleWidth + 4;
                                    if (lw > leftWidth - parentWidth) {
                                        this.HeadContainer.style.left = -lw + 'px';
                                        break;
                                    }
                                }
                            }
                            else {
                                this.HeadContainer.style.left = '0px';
                            }
                            break;
                        }
                    }
                }
                else {
                    this.HeadContainer.style.left = '0px';
                }
            }
        }
    }
});
//单个选项卡
TabControl.Tab  = Class.create();
Object.extend(TabControl.Tab.prototype, {
    initialize: function(documentContainer, id, title, url, allowClose, autoActive, titleWidth, iframeCssName) {
        this.DocumentContainer = documentContainer; //承载选项卡的document对象
        this.TabControl = null; //选项卡管理器,在添加到管理器的时候赋值
        this.Id = id + this.$Rnd(); //选项卡ID
        this.Title = title; //选项卡标题
        this.Url = url; //选项卡URL
        this.AllowClose = allowClose; //是否允许关闭选项卡
        this.AutoActive = autoActive; //是否自动激活选项卡        
        this.TabTitle = this.$C('li'); //选项卡标题对象
        this.TabTitleWidth = titleWidth; //选项卡的宽度
        this.TabTitle.style.width = titleWidth + 'px';
        this.TabBody = this.$C('iframe'); //选项卡iframe对象
        this.TabBody.setAttribute('id', "frm_" + this.Id);
        this.TabBody.setAttribute('name', "frm_" + this.Id);
        this.TabBody.frameBorder = '0';
        this.TabBody.scrolling = 'no';
        /*this.TabBody.width = '308px';*/
        this.TabBody.allowTransparency = 'true';
        if (iframeCssName) {
            this.TabBody.className = iframeCssName; //设置IFRAME的样式
        }
        this.TabBody.style.height = '100%';
        if (document.all) {
            this.TabBody.attachEvent("onload", this.loadComplete.bindAsEventListener(this));
        }
        else {
            this.TabBody.onload = this.loadComplete.bindAsEventListener(this);
        }
        this.TabTitle.setAttribute('id', this.Id);
        if (this.AutoActive) {
            this.TabBody.src = this.Url;
        }
        var mirror = this;
        if (this.AllowClose) {
            this.TabTitle.innerHTML = '<nobr style="display:block" title="' + this.Title.replace(/<[^>]+?>/gi, '') + '">' + this.Title + '</nobr><a class="OptionCloseBtn" title="关闭"></a>'; this.addEventListener(this.$ES('nobr')[0], 'click', function() { mirror.active(); });
            this.addEventListener(this.$ES('a')[0], 'click', function() { mirror.destroy(); });
        }
        else {
            this.TabTitle.innerHTML = '<nobr style="display:block" title="' + this.Title.replace(/<[^>]+?>/gi, '') + '">' + this.Title + '</nobr>';
            this.addEventListener(this.$ES('nobr')[0], 'click', function() { mirror.active(); });
        }
    },
    resize: function() {
        var tc = this.$('TabContent');
        var bh = this.TabControl.BodyContainer.offsetHeight;
        if (bh < 100) bh = 100;
        if (tc != null) {
            tc.style.height = bh - 30 + 'px';
            //alert(tc.id);
        }
        var bw = this.TabControl.BodyContainer.offsetWidth;
        bw = bw-12;
        if (bw < 276)
        {
            bw = 276;
        }
        //tab.TabBody.width = bw + 'px';
        this.TabBody.style.width = bw + 'px';

        bh = bh - 10;
        //tab.TabBody.height = bh + 'px';
        this.TabBody.style.height = bh + 'px';

        //var w = documentContainer.style.width;
        //this.TabBody.style.width = "308px"; //this.BodyContainer.clientWidth + "px";
        //
    },
    active: function() {
        this.TabControl.ActiveTab(this);
    },
    onActive: function(obj) {
        //对外激活的事件接口
    },
    destroy: function() {
        this.onDestroy(this); //在对象删除前执行
        this.TabControl.DestroyTab(this);
    },
    onDestroy: function(tab) {
        //对外销毁的事件接口
    },
    loadComplete: function() {
        try {
            this.TabBody.contentWindow.Config = GlobalConfig;
        } catch (e) {
        }
        this.onLoadComplete(this);
    },
    onLoadComplete: function(tab) {
        //对外加载完毕事件
    },
    addEventListener: function(element, type, handler) {
        if (this.TabTitle.addEventListener) {
            element.addEventListener(type, handler, true);
        }
        else {
            element.attachEvent('on' + type, handler, true);
        }
    },
    $Rnd: function(flg) {
        var d, s = '';
        if (!flg) flg = 100000;
        d = new Date();
        s += d.getHours();
        s += d.getMinutes();
        s += d.getSeconds();
        s += d.getMilliseconds();
        return Math.round(Math.random() * flg).toString() + s.toString();
    },
    $C: function(tag) {
        return this.DocumentContainer.createElement(tag);
    },
    $ES: function(tag) {
        return this.TabTitle.getElementsByTagName(tag);
    },
    $: function(oid) {
        var o = null;
        try
        {
            o=this.TabBody.contentWindow.document.getElementById(oid);
        }
        catch(e){
        }
        return o;
    }
});