function opentab(id){

 switch(id){
 case 1:
   $('tab1a').addClassName('active-tab');
   $('tab1').addClassName('active-tab-body');

   $('tab2a').removeClassName('active-tab');
    $('tab2').removeClassName('active-tab-body');

    $('tab3a').removeClassName('active-tab');
    $('tab3').removeClassName('active-tab-body');
   if($('tab4a')){
    $('tab4a').removeClassName('active-tab');
    $('tab4').removeClassName('active-tab-body');
    }
 break;

 case 2:
   $('tab2a').addClassName('active-tab');
   $('tab2').addClassName('active-tab-body');

   $('tab3a').removeClassName('active-tab');
    $('tab3').removeClassName('active-tab-body');

    $('tab1a').removeClassName('active-tab');
    $('tab1').removeClassName('active-tab-body');
   if($('tab4a')){
            $('tab4a').removeClassName('active-tab');
    $('tab4').removeClassName('active-tab-body');
    }
 break;

 case 3:
   $('tab3a').addClassName('active-tab');
   $('tab3').addClassName('active-tab-body');

   $('tab1a').removeClassName('active-tab');
    $('tab1').removeClassName('active-tab-body');

    $('tab2a').removeClassName('active-tab');
    $('tab2').removeClassName('active-tab-body');
     if($('tab4a')){
        $('tab4a').removeClassName('active-tab');
    $('tab4').removeClassName('active-tab-body');
    }
 break;

 case 4:
   $('tab4a').addClassName('active-tab');
   $('tab4').addClassName('active-tab-body');

   $('tab1a').removeClassName('active-tab');
    $('tab1').removeClassName('active-tab-body');

    $('tab2a').removeClassName('active-tab');
    $('tab2').removeClassName('active-tab-body');

     $('tab3a').removeClassName('active-tab');
    $('tab3').removeClassName('active-tab-body');
 break;
 }
 }