﻿function toggleDisplay(contentContainerID, headlineContainerID)
{
	if(document.getElementById(contentContainerID).style.display == 'none')
	{
	  document.getElementById(contentContainerID).style.display = 'block';
	  document.getElementById(headlineContainerID).className += 'exp';
	}
	else
	{
	  document.getElementById(contentContainerID).style.display = 'none';
	  document.getElementById(headlineContainerID).className = document.getElementById(headlineContainerID).className.replace('exp', '');
	}
}

function toggleAll(expandableListId, showToggleId, hideToggleId, isExpandAll)
{
    var expandableList = document.getElementById(expandableListId);
    var arrContentControls = expandableList.getElementsByTagName('div');
    var arrHeadlineControls = expandableList.getElementsByTagName('h3');
    var showToggle = document.getElementById(showToggleId);
    var hideToggle = document.getElementById(hideToggleId);
    var isExpandAllState = isExpandAll;
    
    if(showToggle && hideToggle)
    {
        if(isExpandAllState == "True")
        {
            for(i=0; i < arrContentControls.length; i++)
            {
                ctrlHeadline = arrHeadlineControls[i];
                ctrlContent = arrContentControls[i];
                if(ctrlContent != null)
                {
                    ctrlContent.style.display = 'block';
                    if (ctrlHeadline != null && ctrlHeadline.className.indexOf('exp') == -1)
                        ctrlHeadline.className += 'exp';
                }
            }
            isExpandAllState = "False";
        }
        else
        {
            for(i=0; i < arrContentControls.length; i++)
            {
                ctrlHeadline = arrHeadlineControls[i];
                ctrlContent = arrContentControls[i];
                if(ctrlContent != null)
                {
                    ctrlContent.style.display = 'none';
                    if(ctrlHeadline != null) {
                      ctrlHeadline.className = ctrlHeadline.className.replace('exp', '');
                    }
                }
            }
            isExpandAllState = "True";
        }
    }
    
    if(showToggle)
    {
        showToggle.style.display = 'block';
    }
    
    if(hideToggle)
    {
        hideToggle.style.display = 'none';
    }
}





