var asTabIDs = new Array();
var aiTabCounter = 0; 

function AddTabIDItem(ItemID, TargetDIVID)
{

    var asTabData = new Array();

    asTabData[0] = ItemID;
    asTabData[1] = TargetDIVID; 
    
    asTabIDs[aiTabCounter] = asTabData;
    aiTabCounter++;
}

function TabClick(ClickedItemID)
{
    // Deselect and hide all of the tabs on the screen and show the selceted one //
    for (iHideTab = 0; iHideTab < aiTabCounter; iHideTab++)
    {
        var asThisTab = asTabIDs[iHideTab];

        if (asThisTab[0] == ClickedItemID)
        {
            if (document.getElementById(asThisTab[1]))
                {
                    document.getElementById(asThisTab[1]).style.display == 'block';
                }
            if (document.getElementById(asThisTab[0]))
                {
                    document.getElementById(asThisTab[0]).className = 'DetailsPanelBase';
                }
        }
        else
        {
            if (document.getElementById(asThisTab[1]))
                {
                    document.getElementById(asThisTab[1]).style.display == 'none';
                }
            if (document.getElementById(asThisTab[0]))
                {
                    document.getElementById(asThisTab[0]).className = 'DetailsPanelHidden';
                }
        }
    }



}

function SimpleTabClick(ClickedItemID) {
    // Deselect and hide all of the tabs on the screen and show the selceted one //
    for (iHideTab = 0; iHideTab < aiTabCounter; iHideTab++) {
        var asThisTab = asTabIDs[iHideTab];

        if (document.getElementById(asThisTab[1])) 
            {
                document.getElementById(asThisTab[1]).style.display = (asThisTab[0] == ClickedItemID ? 'block' : 'none');
            }

    }

}