function showHeaderItem(id)
{
    $(document).ready(function() {
      setSliderMenu(id);
      showImage(id);
      showImageText(id);  
    });
}

/* Geklikte menuitem op actief zetten */
function setSliderMenu(id)
{
    var lst = document.getElementById( "sliderNav" );
    var arr = new Array();
    arr = lst.getElementsByTagName("div");

    for(var i=0; i < arr.length; i++)
    {
        var item = arr[i]; 
        if (item.getAttribute("id") == "item" + id)
        {
          item.className = "hi-active";
        }
        else
        {
          item.className = "hi";
        }
    } 
}

/* Gevraagde afbeelding tonen en rest verbergen */
function showImage(id)
{
    var lst = document.getElementById( "sliderImageContainer" );
  
    var arr = new Array();
    arr = lst.getElementsByTagName("img");

    for(var i=0; i < arr.length; i++)
    {
        var item = arr[i]; 
        if (item.getAttribute("id") == "image" + id)
        {
          item.style.display = "block"; 
        }
        else
        {
          item.style.display = "none";
        }
    }
}

/* Text bij afbeelding tonen */
function showImageText(id)
{
    var lst = document.getElementById( "sliderText" );
  
    var arr = new Array();
    arr = lst.getElementsByTagName("div");

    for(var i=0; i < arr.length; i++)
    {
        var item = arr[i]; 
        if (item.getAttribute("id") == "text" + id)
        {
          item.style.display="block";
        }
        else
        {
           item.style.display="none";
        }
    }
}

