function CTabCtrl(objStr, normalTitleClassName, activeTitleClassName)
{
    this.objStr = objStr;
    
    this.normalTitleClassName = normalTitleClassName;
    this.activeTitleClassName = activeTitleClassName;
    
    this.items = new Array();
    this.activeTitleIndex = 0;
    this.BindItem = CTabCtrl_BindItem;
    this.ActivateItem = CTabCtrl_ActivateItem;
}
function CTabItem(titleIDStr, contentIDStr)
{
    this.titleID = document.getElementById(titleIDStr);
    this.contentID = document.getElementById(contentIDStr);
}
function CTabCtrl_BindItem(titleIDStr, contentIDStr)
{
    var index = this.items.length;
    this.items[index] = new CTabItem(titleIDStr, contentIDStr);
    if (window.attachEvent)
    {
        //IE
        var eventStr = this.objStr + ".ActivateItem(" + index + ");";
        this.items[index].titleID.attachEvent("onclick", function(){eval(eventStr)});
    }
    else
    {
        //FireFox
        this.items[index].titleID.setAttribute("onclick", this.objStr+".ActivateItem(" + index + ");");
    }
    this.items[index].contentID.style.display = "none";
}
function CTabCtrl_ActivateItem(newItemIndex)
{
    this.items[this.activeTitleIndex].titleID.className = this.normalTitleClassName;
    this.items[this.activeTitleIndex].contentID.style.display = "none";
    this.activeTitleIndex = newItemIndex;
    this.items[this.activeTitleIndex].titleID.className = this.activeTitleClassName;
    this.items[this.activeTitleIndex].contentID.style.display = "block";
}