function showPanel(showMe) 
	{


var tabL = document.getElementById('tabs_pep').getElementsByTagName('a');
var tabR = document.getElementById('tabs_pep').getElementsByTagName('span');


switch (showMe)
{
case "section0":
  tabL[0].style.backgroundPosition="left top";
  tabR[0].style.backgroundPosition="right top";
  break

case "section1":
  tabL[1].style.backgroundPosition="left top";
  tabR[1].style.backgroundPosition="right top";
  break

case "section2":
  tabL[2].style.backgroundPosition="left top";
  tabR[2].style.backgroundPosition="right top";
  break

}


/**/
	var panels1 = new Array();

	panels1[0] = "section0";
	panels1[1] = "section1";
	panels1[2] = "section2";
	
	
	var i =0;
	while(i<panels1.length)
		{
		var hideMe = panels1[i];
		if (hideMe != showMe)
			{
			//alert(hideMe);
			document.getElementById(hideMe).style.display="none";
		  	tabL[i].style.backgroundPosition="0% -42px";
  			tabR[i].style.backgroundPosition="100% -42px";
			}
		i++;
		}
	document.getElementById(showMe).style.display="block";
	
}

function showPanelMore(showMe)
	{
		
		document.getElementById(showMe).style.display="block";
		
		//hide the other
		sectionNum = showMe.charAt(showMe.length -1);
		sectionTyp = showMe.substring(0,4);
		
		//alert(sectionTyp+sectionNum);
		
		if (sectionTyp == 'more')
			{
				hideMe = 'less'+sectionNum;
			} else 
		if (sectionTyp == 'less')
			{
				hideMe = 'more'+sectionNum;
			}
		document.getElementById(hideMe).style.display="none";
	}