<!--// 
panels=Array('panel1', 'panel2', 'panel3', 'panel4');
backImage1=Array("url(/phycommon/images/widget/300/tab1_inactive.png)","url(/phycommon/images/widget/300/tab1_active.png)");
var j=1;
backImage2=Array("url(/phycommon/images/widget/300/tab2_inactive.png)","url(/phycommon/images/widget/300/tab2_active.png)");
var x=0;
function showPanel1(){
if (x==0){ 
document.getElementById('tab1').style.backgroundImage=backImage1[x]; x=1;
document.getElementById('tab2').style.backgroundImage=backImage2[j]; j=0; }
document.getElementById('panel2').style.display='none'; 
document.getElementById('element1').style.color='#585858';
document.getElementById('panel1').style.display='block';
document.getElementById('element2').style.color='#003f7f';}
function showPanel2(){
if (x==1){
document.getElementById('tab1').style.backgroundImage=backImage1[x]; x=0;
document.getElementById('tab2').style.backgroundImage=backImage2[j]; j=1; }
document.getElementById('panel1').style.display='none'; 
document.getElementById('element2').style.color='#585858';
document.getElementById('panel2').style.display='block';	
document.getElementById('element1').style.color='#003f7f';}
function showPanel3() {
if (a==0){
document.getElementById('tab3').style.backgroundImage=backImage3[a]; a=1;
document.getElementById('tab4').style.backgroundImage=backImage4[b]; b=0; }
document.getElementById('panel4').style.display='none'; 
document.getElementById('element3').style.color='#585858';
document.getElementById('panel3').style.display='block';
document.getElementById('element4').style.color='#003f7f';}
function showPanel4() {
if (a==1){
document.getElementById('tab3').style.backgroundImage=backImage3[a]; a=0;
document.getElementById('tab4').style.backgroundImage=backImage4[b]; b=1; }
document.getElementById('panel3').style.display='none'; 
document.getElementById('element4').style.color='#585858';
document.getElementById('panel4').style.display='block';
document.getElementById('element3').style.color='#003f7f';
}//->