var ExpandImageSrc = 'expand.gif';
var CollapseImageSrc = 'collapse.gif'; 
var speed = 2; 
var incriment = 40;
var displaytype = 'block';

var iTimer;
var calcHeight;

function CollapseToggle(divToShow, imgID){
	var obj = document.getElementById(divToShow);
	if(obj.style.display != displaytype) {
		if(imgID){
			document.getElementById(imgID).setAttribute('src',CollapseImageSrc);
		}
		showDiv(divToShow);
		Expand(divToShow);
		obj.style.height = '';
	}
	else {
		if(imgID){
			document.getElementById(imgID).setAttribute('src',ExpandImageSrc);
		}
		collapse(divToShow);
	}
}
function Expand(divName) {
	var obj = document.getElementById(divName);		
	var height = obj.offsetHeight;
	if(height < calcHeight){
		obj.style.height = height + incriment + "px";
		iTimer = setTimeout( "Expand('" + divName +"')" , speed);
	}
	else{
		clearTimeout(iTimer);
	}	
}		
function collapse(divName) {
	var obj = document.getElementById(divName);		
	var height = obj.offsetHeight;
	if(height > incriment){
		obj.style.height = height - incriment + "px";
		iTimer = setTimeout( "collapse('" + divName +"')" , speed);
	}
	else{
		clearTimeout(iTimer);
		obj.style.height ="100%";
		obj.style.display = "none";
	}	
}		
function showDiv(divName){
	var div = document.getElementById(divName);
	div.style.display = displaytype;
	calcHeight = div.offsetHeight;
	div.style.height = "0px";
}