function TabPageClick(oBtn, tabpagediv, tabcontrol){
	
	 aNameParts = oBtn.id.split('_');
	 iBtnClickedIndex = parseInt( aNameParts[2] );         // the index of the clicked button
	 if( oBtn.className == "tabberUnselected" ){
	 return true; // already selected 
	 }
	 oBtn.className = "tabberUnselected";
	 for(i=1;  i <= 10; i++ ){
		 if(i == iBtnClickedIndex ){  
			document.getElementById(tabpagediv + aNameParts[1] +"_"+ iBtnClickedIndex).style.display="block"; // show the clicked layer
			continue;
		 }
		 oBtn = document.getElementById(tabcontrol + aNameParts[1] +"_"+ i);
		 if(oBtn){
			document.getElementById( tabpagediv + aNameParts[1] +"_"+ i).style.display="none";
			oBtn.className = "tabberSelected";
		 } else {
			break;
		 }
	 }
}