/**
 *
 */
function expand(collapsiblePanelId) {
	var collapsedHeader = document.getElementById(collapsiblePanelId + "CollapsedHeader");
	var expandedHeader = document.getElementById(collapsiblePanelId + "ExpandedHeader");
	var contents = document.getElementById(collapsiblePanelId + "Contents");
	var state = document.getElementById(collapsiblePanelId + "State");
	
	collapsedHeader.style.display = "none";
	expandedHeader.style.display = "block";
	contents.style.display = "block";
	state.value = "false";
}

/**
 *
 */
function collapse(collapsiblePanelId) {
	var collapsedHeader = document.getElementById(collapsiblePanelId + "CollapsedHeader");
	var expandedHeader = document.getElementById(collapsiblePanelId + "ExpandedHeader");
	var contents = document.getElementById(collapsiblePanelId + "Contents");
	var state = document.getElementById(collapsiblePanelId + "State");
	
	collapsedHeader.style.display = "block";
	expandedHeader.style.display = "none";
	contents.style.display = "none";
	state.value = "true";
}