function toggleCollapse(srcObj){
	var currStatus=srcObj.parentNode.className;
	if(currStatus.indexOf('expanded')!=-1){
		srcObj.parentNode.className=srcObj.parentNode.className.replace('expanded','collapsed');		
	}else{
		srcObj.parentNode.className=srcObj.parentNode.className.replace('collapsed','expanded');	
	}
	var pobj=srcObj.parentNode;
	while (pobj.className.indexOf('fce_expandable') == -1){pobj=pobj.parentNode};
	var allExpanded=/\"exp_section collapsed\"/.test(pobj.innerHTML);
	var allCollapsed=/\"exp_section expanded\"/.test(pobj.innerHTML);	
	if(!allCollapsed && allExpanded)collapseAll(pobj.getElementsByTagName('SPAN')[1]);
	if(allCollapsed && !allExpanded)expandAll(pobj.getElementsByTagName('SPAN')[0]);
}

function expandAll(srcObj){
	var obj=srcObj;
	while (obj.className.indexOf('fce_expandable') == -1) obj=obj.parentNode;
	var expChildBlocks=obj.getElementsByTagName('DIV');
	for(var ecbIdx = 0; ecbIdx < expChildBlocks.length; ecbIdx++){
		if(expChildBlocks[ecbIdx].className.indexOf('exp_section') != -1){
			expChildBlocks[ecbIdx].className=expChildBlocks[ecbIdx].className.replace('collapsed','expanded');
		}
		if(expChildBlocks[ecbIdx].className.indexOf('collapseall') != -1){
			expChildBlocks[ecbIdx].style.display='block';
		}		
	}
	srcObj.parentNode.style.display='none';
}

function collapseAll(srcObj){
	var obj=srcObj;
	while (obj.className.indexOf('fce_expandable') == -1) obj=obj.parentNode;
	var expChildBlocks=obj.getElementsByTagName('DIV');
	for(var ecbIdx = 0; ecbIdx < expChildBlocks.length; ecbIdx++){
		if(expChildBlocks[ecbIdx].className.indexOf('exp_section') != -1){
			expChildBlocks[ecbIdx].className=expChildBlocks[ecbIdx].className.replace('expanded','collapsed');
		}
		if(expChildBlocks[ecbIdx].className.indexOf('expandall') != -1){
			expChildBlocks[ecbIdx].style.display='block';
		}		
	}
	srcObj.parentNode.style.display='none';
}

function addCollapseEvents(strCanvasObj){
	var canvasObj=(!canvasObj)?document.getElementById(strCanvasObj):document.getElementById('exp_block');
	if (canvasObj){
		h6s=canvasObj.getElementsByTagName('h6');
		spans=canvasObj.getElementsByTagName('span');		
		for (var h6=0; h6 < h6s.length; h6++){
			h6s[h6].onclick=function(){
				toggleCollapse(this);			
			}
		}
		for (var span=0; span < spans.length; span++){
			if(spans[span].className.indexOf('exp_clickable')!=-1){
				spans[span].onclick=function(){
					toggleCollapse(this);			
				}
			}
		}		
	}
}