function select_tab(reiter,tab){
  var all_elements = document.getElementsByTagName("div");
  var element_reiter = $(reiter);
  var element_tab = $(tab);
  var counter = 0;

  //set content tabulator css
  element_tab.removeClass('inactive');
  element_tab.addClass('active');

  //set tabulator css
  element_reiter.removeClass('c_inactive');
  element_reiter.addClass('c_active');

  //set old highlight back to inactive css
  for (i=0;i<all_elements.length;i++){

    var tab = all_elements[i].id.indexOf("tab_");
    var reiter = all_elements[i].id.indexOf("reiter_");

    //count the tabulator elements
    if(tab == 0) counter++;

    //set content tabulator
    if(all_elements[i].id != element_tab.id && tab == 0){
      element_id = $(all_elements[i].id);
      element_id.removeClass('active');
      element_id.addClass('inactive');
    }

    //set content tabulator
    if(all_elements[i].id != element_reiter.id && reiter == 0){
      element_id = $(all_elements[i].id);
      element_id.removeClass('c_active');
      element_id.addClass('c_inactive');
    }
  }

 // layout for tab corners
 var lasttab = $("reiter_" + counter);
 var firsttab = $("reiter_1");

 if (lasttab == element_reiter) {
  $('r_reiter').removeClass('r_inactive');
  $('r_reiter').addClass('r_active');
 }else{
  $('r_reiter').removeClass('r_active');
  $('r_reiter').addClass('r_inactive');
 }

 if (firsttab == element_reiter) {
  $('l_reiter').removeClass('l_inactive');
  $('l_reiter').addClass('l_active');
 }else{
  $('l_reiter').removeClass('l_active');
  $('l_reiter').addClass('l_inactive');
 }
}