var toggle_el_type = "";
		
function initToggle(_container_id, _btn_el_type, _toggle_el_type)
{
	//
	toggle_el_type = _toggle_el_type
	//
	var container = document.getElementById(_container_id);
	//
	var btn_el_array = container.getElementsByTagName(_btn_el_type);
	//
	var toggle_el_array = container.getElementsByTagName(_toggle_el_type);
	//
	for(var i = 0; i < btn_el_array.length; i++)
	{
		// Assign an id to each element in btn_el_array
		btn_el_array[i].setAttribute("id",i); 
		// Assign an onclick to each element in btn_el_array
		btn_el_array[i].onclick = toggleEl;
		// Assign an id to each element in toggle_el_array
		toggle_el_array[i].setAttribute("id", _toggle_el_type + "-" + i);
	}
}

var tween_rate = 20;
var tween_interval_array = new Array();

function toggleEl()
{			
	var el = document.getElementById(toggle_el_type + "-" + this.id);
				
	if(el.style.display != 'block')
	{							
		el.style.display = 'block';
						
		var tween_interval = window.setInterval('tweenEl(\''+el.id+'\','+el.offsetHeight+')', 25);
		
		el.style.height = 0;
		
		tween_interval_array[el.id] = tween_interval;
	}
}

function tweenEl(_el_id, _el_h)
{
	var el = document.getElementById(_el_id);
				
	var new_h = 0;
	
	if(el.offsetHeight + tween_rate < _el_h)
	{
		new_h = el.offsetHeight + tween_rate;				
	} else {
		new_h = _el_h;
		clearInterval(tween_interval_array[_el_id]);
	}
	el.style.height = new_h + "px";
}