/**
* var string holds the active id 
*/
var sActiveId;
/**
* var string holds the active link element
*/
var sActiveLinkEl;

/**
* shows an element, hides an active one
*
*/	
function showItems(sId, oEl)
{
	//if active element and active element is not the same as the required one, hide it!
	if(sActiveId && (sId == sActiveId))
	{
		hideActive();
	}
	else
	{
		if(sActiveId)
		{
			hideActive();
		}
		
		$(sId).removeClassName('hide');
		$(sId).style.display = 'none';
		Effect.BlindDown(sId);	
		oEl.removeClassName('arrow_gray_right');
	
		sActiveId = sId;	
		sActiveLinkEl = oEl;
	}
}

function hideActive()
{
	Effect.BlindUp(sActiveId);
	sActiveLinkEl.addClassName('arrow_gray_right');
	sActiveId = null;
	sActiveLinkEl = null;
}