function hideItems(itemNames, cssClass)
{
    var spanArray = document.getElementsByName(itemNames);
    
    for (var i=0; i<spanArray.length; i++)
    {
        if (spanArray[i].className == cssClass)
        {
            spanArray[i].style.visibility = "hidden";
            spanArray[i].style.display = "none";
        }
    }
}

function showItems(itemNames, cssClass)
{
    var spanArray = document.getElementsByName(itemNames);
    
    for (var i=0; i<spanArray.length; i++)
    {
        if (spanArray[i].className == cssClass)
        {
            spanArray[i].style.display = "block";
            spanArray[i].style.visibility = "visible";
         }
    }
}

function toggleVisiblility(itemNames, cssClass)
{
    var spanArray = document.getElementsByName(itemNames);
    for (var i=0; i<spanArray.length; i++)
    {
        if (spanArray[i].className == cssClass)
        {
            if (spanArray[i].style.display == "none")
            {
                spanArray[i].style.display = "block";
                spanArray[i].style.visibility = "visible";
            }
            else
            {
                spanArray[i].style.display = "none";
                spanArray[i].style.visibility = "hidden";
            }
        }
    }
}