function showDiv2(pre, cur){
        if ($("#ab"+cur).css("display") == "none"){;
            $("#ab"+cur).show();
            $("icon" + cur).removeClass();
            $("icon" + cur).addClass("view-details-open");
        }else{
            $("#ab"+cur).hide();
            $("icon" + cur).removeClass();
            $("icon" + cur).addClass("view-details-close");
        }
         $("#td" + cur).parent().removeClass();
         $("#td" + cur).parent().addClass("active_report");
        
      
        if (pre == cur)
             return;
        if (pre > -1){
          
          if ( pre%2 == 0){
                 $("#td" + pre).parent().removeClass();
                 $("#td" + pre).parent().addClass("even");
            }
              else{
                 $("#td" + pre).parent().removeClass();
                 $("#td" + pre).parent().addClass("odd");
        
            } 
          }
    }
          /*
        obj1 = document.getElementById('ab'+cur);
        obj2 = document.getElementById('icon'+cur);
        title= document.getElementById('title'+cur);
        
        if (pre > -1)
            objpre  =   document.getElementById('td'+pre);
       
      
           objcur  =   document.getElementById( 'td' + cur);
        
           // show a new one
        if(obj1.style.display == 'none'){
      //    obj1.style.display = '';
          toggleBox('ab'+cur, true);
          obj2.className= 'view-details-open';
        
        }
        else{//hide one
        // obj1.style.display = 'none';
         toggleBox('ab'+cur, false);
         obj2.className= 'view-details-close';
     
         }
            if (pre == cur)
                return;
            if (pre > -1){
          
          if ( pre%2 == 0)
                objpre.parentNode.className = 'even';
              else
                objpre.parentNode.className = 'odd';
            } 
            objcur.parentNode.className = 'active_report';
}*/