function toggleExpanded(gridID, arrowID)
{
    var grid = document.getElementById(gridID);
    var arrow = document.getElementById(arrowID);
    
    if (grid)
    {
        if (grid.style)
        {
            if (grid.style.display != 'none')
            {
                arrow.src = '/UserControl/images/arrowSideWhite.png';
                grid.style.display = "none";
                arrow.style.paddingTop = '0px';
            }
            else
            {
                arrow.src = '/UserControl/images/arrowDownWhite.png';
                grid.style.display = "block";
                arrow.style.paddingTop = '4px';
            }
        }
    }
}