var step_size = 16;	
var step_time = 0.4;

function divHeight(id, height) 
{	
height = parseFloat(height);	
el = document.getElementById(id);	
var h_size1 = el.offsetHeight;	
	
if (h_size1 < height) 
{		
	if (h_size1 < height-step_size) 
	{			
		el.style.height = (h_size1+step_size)+"px";			
		timeout_id = setTimeout("divHeight('" + id + "','" + height + "')", step_time);		
	} else {			
		el.style.height = height+"px";
		}	
	}
	else if(h_size1 > height) 
	{		
		
		if (h_size1 > height+step_size) 
		{			
			el.style.height = (h_size1-step_size)+"px";			
			timeout_id = setTimeout("divHeight('" + id + "'," + height + ")", step_time); 
		} 
		else 
		{			
			el.style.height = height+"px";
		}
	}
};

function OpenCom(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		height = obj.scrollHeight;
		obj.style.visibility = 'visible';
		if (obj.offsetHeight >= height)
		{
			divHeight(id, 0);
		} else {
			divHeight(id, height);
		}
	}
}