var currenttablevel1=2;
 var maxcells =5;
 function changeHighlight(profixName,id,id1,id2)
 {

    var Id1 = document.getElementById(id1);
    if(Id1!=null)
        Id1.style.display="block";
     var Id2 = document.getElementById(id2);
   if(Id2!=null)
        Id2.style.display="none";

    //clean previous highlight
    if(currenttablevel1 != id)
    {
    if (currenttablevel1 ==2)
    {
      var prevnumber = currenttablevel1-1;
      var nextnumber = currenttablevel1+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+currenttablevel1);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabFirstImgOff";
      objMiddle.className = "tableStripeOff"; 
      objLast.className="tabMiddleFirstLastImgOff";  
    } 
    else if(currenttablevel1 ==maxcells -1)
    {
      var prevnumber = currenttablevel1-1;
      var nextnumber = currenttablevel1+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+currenttablevel1);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabMiddleFirstLastImgOff";
      objMiddle.className = "tableStripeOff"; 
      objLast.className="tabLastImgOff"; 
    }
    else if(currenttablevel1 !=0)
    {
        
      var prevnumber = currenttablevel1-1;
      var nextnumber = currenttablevel1+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+currenttablevel1);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabMiddleFirstLastImgOff";
      objMiddle.className = "tableStripeOff"; 
      objLast.className="tabMiddleFirstLastImgOff"; 
    }
    //set current highlight
    if (id ==2)
    {
      var prevnumber = id-1;
      var nextnumber = id+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+id);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabFirstImgOn";
      objMiddle.className = "tableStripeOn"; 
      objLast.className="tabMiddleLastImgOn";  
    } 
    else if(id ==maxcells-1 )
    {
      var prevnumber = id-1;
      var nextnumber = id+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+id);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabMiddleFirstImgOn";
      objMiddle.className = "tableStripeOn"; 
      objLast.className="tabLastImgOn"; 
    }
    else
    {
      var prevnumber = id-1;
      var nextnumber = id+1;
      var objFirst = document.getElementById(profixName+prevnumber); 
      var objMiddle = document.getElementById(profixName+id);
      var objLast = document.getElementById(profixName+nextnumber);   
      objFirst.className = "tabMiddleFirstImgOn";
      objMiddle.className = "tableStripeOn"; 
      objLast.className="tabMiddleLastImgOn"; 
    }
    currenttablevel1 = id;
    
   }
 }