var activeTabStart = null;
var activeTab = null;
var activeTabStop = null;
var activeTabContent = null;

function SetActiveTab(tabId) {
    var tab = $(tabId);
    var tabStart = $(tabId + 'Start');
    var tabStop = $(tabId + 'Stop');
    var tabContent = $(tabId + 'Content');
}

function ShowFrameTab(tabId, tabStartId, tabStopId, tabContentId) {
    var tab = $(tabId);
    var tabStart = $(tabStartId);
    var tabStop = $(tabStopId);
    var tabContent = $(tabContentId);
    if (activeTab != tab) {
        if (activeTab != null) {
            activeTabStart.className = 'tabstart_inactive';
            activeTabStop.className = 'tabstop_inactive';
            activeTab.className = 'tab_inactive';
            new Effect.BlindUp(activeTabContent, { duration: 0.3, queue: 'end' });
        }
        tabStart.className = 'tabstart_active';
        tabStop.className = 'tabstop_active';
        tab.className = 'tab_active';

        new Effect.BlindDown(tabContent, { duration: 0.3, queue: 'end' });

        activeTab = tab;
        activeTabStart = tabStart;
        activeTabStop = tabStop;
        activeTabContent = tabContent;
    }
}

function ShowFrameTab_Client(tabId) {
    var tab = $(tabId);
    var tabStart = $(tabId+'Start');
    var tabStop = $(tabId+'Stop');
    var tabContent = $(tabId+'Content');
    
    if (activeTab != tab) {
        if (activeTab != null) {
            activeTabStart.className = 'tabstart_inactive';
            activeTabStop.className = 'tabstop_inactive';
            activeTab.className = 'tab_inactive';
            new Effect.BlindUp(activeTabContent, { duration: 0.3, queue: 'end' });
        }
        tabStart.className = 'tabstart_active';
        tabStop.className = 'tabstop_active';
        tab.className = 'tab_active';

        new Effect.BlindDown(tabContent, { duration: 0.3, queue: 'end' });

        activeTab = tab;
        activeTabStart = tabStart;
        activeTabStop = tabStop;
        activeTabContent = tabContent;
    }
}