/***************************************************************************************************************************
Purpose : Active the requested panel.
Inouts  : Panel Names as Stirng = [ pPanelString ],
		: Panel Active Panel = [ pActivePanelIndex ],
		: Active Panle Css = [ pActivePanelCss ].
Return  : None. 
****************************************************************************************************************************/
function switchViewsPanel(pPanelString, pActivePanelIndex, pActivePanelCss)
{
	var strObjectArray = pPanelString;
	strObjectArray = strObjectArray.split('~~~');
	
	for(var intCounter=0; intCounter< strObjectArray.length; intCounter++)
	{
		if(intCounter == pActivePanelIndex)
		{
			document.getElementById(strObjectArray[intCounter]+"_li").className = pActivePanelCss;
			document.getElementById(strObjectArray[intCounter]).style.display = "block";
		}
		else
		{
			document.getElementById(strObjectArray[intCounter]+"_li").className= "";
			document.getElementById(strObjectArray[intCounter]).style.display = "none";
		}
	}
}