/**************************************************
*  Gestion des onglets
**************************************************/

function hideOnglets()
{
    var onglet;
    var ongletContenu;
    var ongletLienCarac;
    for (var i=0 ; i < ongletsData.length ; i++)
    {
        onglet = document.getElementById("onglet-" + ongletsData[i]);
        onglet.className = "onglet onglet-off";
        ongletContenu = document.getElementById("onglet-" + ongletsData[i] + "-contenu");
        ongletContenu.style.display = "none";
        ongletLienCarac = document.getElementById("onglet-" + ongletsData[i] + "-lien-carac");
        ongletLienCarac.style.display = "none";
    }
}

function switchOnglet(ongletId)
{
    var onglet = document.getElementById("onglet-" + ongletId);
    if (onglet.style.display == "none" || onglet.style.display == "")
    {
        hideOnglets();
        onglet.className = "onglet onglet-on";
        var ongletContenu = document.getElementById("onglet-" + ongletId + "-contenu");
        ongletContenu.style.display = "block";
        var ongletLienCarac = document.getElementById("onglet-" + ongletId + "-lien-carac");
        ongletLienCarac.style.display = "block";
        var ongletsCaracs = document.getElementById("onglets-caracs");
        ongletsCaracs.style.display = "none";
    }
}

/**************************************************
*  Gestion des caractéristiques
**************************************************/

function hideOngletsCaracs()
{
    var ongletCarac;
    for (var i=0 ; i < ongletsData.length ; i++)
    {
        ongletCarac = document.getElementById("onglet-" + ongletsData[i] + "-carac");
        if (ongletCarac != undefined)
        {
            ongletCarac.style.display = "none";
        }
    }
    var ongletsCaracs = document.getElementById("onglets-caracs");
    ongletsCaracs.style.display = "none";
}

function switchOngletCarac(ongletId)
{
    var ongletCarac = document.getElementById("onglet-" + ongletId + "-carac");
    var ongletCaracCurrentState = ongletCarac.style.display;
    var ongletsCaracs = document.getElementById("onglets-caracs");
    hideOngletsCaracs();
    if (ongletCaracCurrentState == "none" || ongletCaracCurrentState == "")
    {
        ongletsCaracs.style.display = "block";
        ongletCarac.style.display = "block";
    }
    else
    {
        ongletsCaracs.style.display = "none";
        ongletCarac.style.display = "none";
    }
}

/**************************************************
*  Gestion des blocs de caractéristiques
**************************************************/

function hideOngletCaracBlocks()
{
    var caracSommaireItem;
    var caracBlock;
    for (var i=0 ; i < caracsBlocksData.length ; i++)
    {
        caracSommaireItem = document.getElementById("onglet-carac-sommaire-item-" + caracsBlocksData[i]);
        caracSommaireItem.className = "onglet-carac-sommaire-item onglet-carac-sommaire-item-off";
        caracBlock = document.getElementById("onglet-carac-block-" + caracsBlocksData[i]);
        caracBlock.style.display = "none";
    }
}

function hideOngletCaracBlocks(ongletId)
{
    var caracBlockId;
    var caracBlock;
    var caracSommaireItem;
    for (var i=0 ; i < caracsBlocksData.length ; i++)
    {
        caracBlockId = caracsBlocksData[i];
        if (caracsOngletsData[caracBlockId] == ongletId)
        {
            caracSommaireItem = document.getElementById("onglet-carac-sommaire-item-" + caracBlockId);
            caracSommaireItem.className = "onglet-carac-sommaire-item onglet-carac-sommaire-item-off";
            caracBlock = document.getElementById("onglet-carac-block-" + caracsBlocksData[i]);
            caracBlock.style.display = "none";
        }
    }
}
      
function switchOngletCaracBlock(ongletId, caracBlockId)
{
    var caracSommaireItem = document.getElementById("onglet-carac-sommaire-item-" + caracBlockId);
    if (caracSommaireItem.style.display == "none" || caracSommaireItem.style.display == "")
    {
        hideOngletCaracBlocks(ongletId);
        caracSommaireItem.className = "onglet-carac-sommaire-item onglet-carac-sommaire-item-on";
        var caracBlock = document.getElementById("onglet-carac-block-" + caracBlockId);
        caracBlock.style.display = "block";
    }
}