var Tabs = new Array();
var TabsNames = new Array();
var TabsButtonsDiv;
var TabsButtons = new Array();

function TabsGetTabIndexByIFrame(iframe)
{
    for (var i = 0; i < Tabs.length; i++)
    {
        if (Tabs[i] == iframe)
        {
            return i;
        }
    }
    return -1;
}

function TabsButtonClick(event)
{
    var tabButton = event.target;
    var index = tabButton.getAttribute("TabsTabIndex");
    TabsShow(index);
}

function TabsCreateTab(iframeId, name)
{
    var tab = document.getElementById(iframeId);
    
    Tabs[Tabs.length] = tab;
    TabsNames[TabsNames.length] = name;
}

function TabsCreateButtons(buttonsDivId)
{
    TabsButtonsDiv = document.getElementById(buttonsDivId);
    TabsButtonsDiv.className = "TabsButtons";
    
    for (var i = 0; i < Tabs.length; i++)
    {
        var tabButton = document.createElement("input");
        var tab = Tabs[i];
        
        tabButton.type = "button";
        tabButton.className = "TabButton";
        tabButton.value = TabsNames[i];
        tabButton.setAttribute("TabsTabIndex", i);
        if (tab.getAttribute("iframeMain") != "True")
        {
            tabButton.disabled = true;
        }
        $(tabButton).click(TabsButtonClick);
        
        TabsButtonsDiv.appendChild(tabButton);
        if (Tabs[i].getAttribute("TabsNewLineAfter") == "1")
        {
            var br = document.createElement("br");
            TabsButtonsDiv.appendChild(br);
        }
        
        TabsButtons[TabsButtons.length] = tabButton;
    }
}

function TabsShow(index)
{
    TabsSetVisibleAll(false);
    TabsSetVisible(index, true);
}
function TabsSetVisibleAll(show)
{
    for (var i = 0; i < Tabs.length; i++)
    {
        TabsSetVisible(i, show);
    }
}
function TabsSetVisible(index, show)
{
    var tab = Tabs[index];
    ElementSetVisible(tab, show);
    
    var tabButton = TabsButtons[index];
    if (show)
    {
        tabButton.className = "SelectedTabButton";
    }
    else
    {
        tabButton.className = "TabButton";
    }
}