function toggle(id, imgId, openedPicto, closedPicto)
{
    element = document.getElementById(id);
    if (element.style.display != "none") {
        /*element.style.display = "none";*/
        $('#' + id).hide('blind');
        changePicto('img' + imgId, closedPicto);
    } else {
        /*element.style.display = "block";*/
        $('#' + id).show('blind');
        changePicto('img' + imgId, openedPicto);
    }
}


/*--------------------------------*/
/*--------LAYER SOCIAL TOGGLE-----*/
/*--------------------------------*/
function toggleLayer(layer)
{
    layerName = "layer-box-" + layer;
    activeLayer = document.getElementById(layerName);
    removeClassName(activeLayer, "hidden");

    btnName = "btn-top-" + layer;
    activeBtn = document.getElementById(btnName);
    addClassName(activeBtn, "active", true);

    for (var i = 1; i <= 6; i++) {
        if (layer != i) {
            temp = document.getElementById("layer-box-" + i);
            addClassName(temp, "hidden", true);

            temp = document.getElementById("btn-top-" + i);
            removeClassName(temp, "active");
        }
    }

}

/*---------------END--------------*/
/*--------LAYER SOCIAL TOGGLE-----*/
/*---------------END--------------*/

function changePicto(id, imageSrc)
{
    image = document.getElementById(id);
    image.src = imageSrc;
}


function hasClassName(objElement, strClass)
{
    if (objElement.className) {
        var arrList = objElement.className.split(' ');


        var strClassUpper = strClass.toUpperCase();


        for (var i = 0; i < arrList.length; i++)
        {


            if (arrList[i].toUpperCase() == strClassUpper)
            {


                return true;

            }

        }

    }


    return false;

}

function addClassName(objElement, strClass, blnMayAlreadyExist)
{
    strClass2 = strClass;


    if (objElement.className)
    {


        var arrList = objElement.className.split(' ');


        if (blnMayAlreadyExist)
        {


            var strClassUpper = strClass.toUpperCase();

            for (var i = 0; i < arrList.length; i++)
            {


                if (arrList[i].toUpperCase() == strClassUpper)
                {


                    arrList.splice(i, 1);


                    i--;

                }

            }

        }


        arrList[arrList.length] = strClass;


        objElement.className = arrList.join(' ');

    }

    else
    {


        objElement.className = strClass;

    }

}

function removeClassName(objElement, strClass)
{


    if (objElement.className)
    {


        var arrList = objElement.className.split(' ');


        var strClassUpper = strClass.toUpperCase();


        for (var i = 0; i < arrList.length; i++)
        {


            if (arrList[i].toUpperCase() == strClassUpper)
            {


                arrList.splice(i, 1);


                i--;

            }

        }


        objElement.className = arrList.join(' ');

    }


}