var arr_active	= new Array();
function openDrawerFeature(parent_id,no,el)
{
	var timeFreq	= 50;
	var steps		= 6;

	var listHeight 	= 169;
	var arr_element	= $(parent_id).getElementsByClassName('listitem');
	var itemCount	= arr_element.length;

	var active		= ( !arr_active[parent_id] ? 1 : arr_active[parent_id]);

	if(active < no)
	{
		moveCnt	= no - active;
		for(var i=0; i<moveCnt; i++)
		{
			var openpos = (no-1-i)*21;
			var curPos	= parseInt(getStyle(arr_element[(no-1-i)],'top'));
			var moveByStep = (curPos-openpos)/steps;
			for(var n=1; n<=steps; n++)
			{
				setTimeout("setDrawerPos('"+(arr_element[(no-1-i)].id)+"', "+((openpos)+moveByStep*(steps-n))+")", timeFreq*n);
			}
		}
	}
	else
	{
		moveCnt	= arr_active[parent_id] - no;
		for(var i=1; i<=moveCnt; i++)
		{
			var closepos = listHeight-(itemCount - (no-1+i) ) * 21;
			var curPos	= parseInt(getStyle(arr_element[(no-1+i)],'top'));
			var moveByStep = (closepos-curPos)/steps;
			for(var n=1; n<=steps; n++)
			{
				setTimeout("setDrawerPos('"+(arr_element[(no-1+i)].id)+"', "+((closepos)-moveByStep*(steps-n))+")", timeFreq*n);
			}
		}
	}

	active = no;
	arr_active[parent_id] = no;

	// Set active and plus/minus gif
	var arr_links	= $(parent_id).getElementsByClassName('opendrawer');
	var arr_image	= $(parent_id).getElementsByClassName('plusminus');
	for(var i=0; i<arr_image.length; i++)
	{
		arr_image[i].src 	= ( active != (i+1) ? globalImageURL + 'plus.gif' : globalImageURL + 'minus.gif' );
	}
	for(var i=0; i<arr_links.length; i++)
	{
		arr_links[i].className	= ( arr_links[i] == el ? 'opendrawer active' : 'opendrawer' );
	}
	arr_links[no-1].style.borderBottom = '1px solid #FFFFFF'; // Make the selected element's border "invisible"
	var lastElement	= arr_links[arr_element.length-1];
	lastElement.style.borderBottom = ( no == arr_links.length ? '1px solid #FFFFFF' : '1px solid #CFD1CB' ); // Make last element's border "invisible"
}

function setDrawerPos(el,pos)
{
	$(el).style.top = pos+'px';
}