var tabOne;
tabOne = "1";
var tabTwo;
tabTwo = "2";
var tabThree;
tabThree = "3";
var tabFour;
tabFour = "4";
var tabFive;
tabFive = "5";
var hasFeatTopicList;
var hasFeatTopicDivOne;
var hasFeatTopicDivTwo;
var hasFeatTopicDivThree;
var hasFeatTopicDivFour;
var hasFeatTopicDivFive;
var insightsFeatCount;

function ClickCountTab(countTabID)
{    
    if(hasFeatTopicList == "True")
   { 
            
              var selectedLeftIndex;
              var selectedRightIndex;            
                
               if(document.getElementById("hidLeftArrow").value != "")
              {
                selectedLeftIndex = document.getElementById("hidLeftArrow").value;
                selectedLeftIndex = (selectedLeftIndex - 1);                 
              } 
              
              if(document.getElementById("hidRightArrow").value != "")
              {                             
                   selectedRightIndex = document.getElementById("hidRightArrow").value; 
                 
                   if(insightsFeatCount <  selectedRightIndex)
                   {        
                        selectedRightIndex = Math.abs(selectedRightIndex) + 1;    
                   }   
                  if(insightsFeatCount >  selectedRightIndex)
                   {        
                        selectedRightIndex = Math.abs(selectedRightIndex) + 1;    
                   }                              
              }  
              
              if(document.getElementById("hidRightArrow").value == "")
                  {
                        selectedRightIndex = 1;       
                        selectedRightIndex = Math.abs(selectedRightIndex) + 1;                                  
                  }  
               if((document.getElementById("hidRightArrow").value == "") && (insightsFeatCount == 1))
                  {
                         selectedRightIndex = 0;                 
                  }   
             
              
            switch(countTabID)
            {
           case 0:             
                document.getElementById("divLeftArrow").style.display = "none" 
               if(selectedLeftIndex == 1)
               {      
                    document.getElementById("hidLeftArrow").value = "1";  
                    document.getElementById("hidRightArrow").value = "1";          
                    document.getElementById("divOne").style.display = ""       
                    document.getElementById("spanOne").innerHTML = "<span>" + tabOne + "</span>";
                    if(hasFeatTopicDivTwo == "True")
                     {             
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>";   
                    }
                    if(hasFeatTopicDivThree == "True")
                   {
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";
                    }
                    if(hasFeatTopicDivFour == "True")
                   {   
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>"; 
                    }
                    if(hasFeatTopicDivFive == "True")
                   {  
                    document.getElementById("divFive").style.display = "none"; 
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";   
                    }
               }  
               if(selectedLeftIndex == 2)
               {             
                    document.getElementById("hidLeftArrow").value = "2"; 
                    document.getElementById("hidRightArrow").value = "2";            
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";
                    document.getElementById("divTwo").style.display = "";
                    document.getElementById("spanTwo").innerHTML = "<span>" +  tabTwo + "</span>";  
                   if(hasFeatTopicDivThree == "True")
                   {    
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";
                   }
                   if(hasFeatTopicDivFour == "True")
                   {     
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
                   }
                   if(hasFeatTopicDivFive == "True")
                   {    
                    document.getElementById("divFive").style.display = "none"; 
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
                   }          
               }
               if(selectedLeftIndex == 3)
               {
                     document.getElementById("hidLeftArrow").value = "3"; 
                    document.getElementById("hidRightArrow").value = "3";            
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";            
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML =   "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    document.getElementById("divThree").style.display = "";
                    document.getElementById("spanThree").innerHTML =  "<span>" + tabThree + "</span>";
                   if(hasFeatTopicDivFour == "True")
                   {    
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
                   }
                   if(hasFeatTopicDivFive == "True")
                   {     
                    document.getElementById("divFive").style.display = "none";  
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
                   }        
               }
               if(selectedLeftIndex == 4)
               {
                    document.getElementById("hidLeftArrow").value = "4";
                    document.getElementById("hidRightArrow").value = "4";             
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                    document.getElementById("divFour").style.display = "";
                    document.getElementById("spanFour").innerHTML = "<span>" + tabFour+ "</span>"; 
                   if(hasFeatTopicDivFive == "True")
                   {    
                    document.getElementById("divFive").style.display = "none";  
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";  
                   }                           
               }
               if(selectedLeftIndex == 5)
               {
                    document.getElementById("hidLeftArrow").value = "5";
                    document.getElementById("hidRightArrow").value = "5";  
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>"; 
                    document.getElementById("divFive").style.display = ""; 
                    document.getElementById("spanFive").innerHTML = "<span>" + tabFive + "</span>";  
               }
                break; 
            case 1:  
                document.getElementById("hidLeftArrow").value = "1";   
                document.getElementById("hidRightArrow").value = "1";           
                document.getElementById("divOne").style.display = ""       
                document.getElementById("spanOne").innerHTML = "<span>" + tabOne + "</span>";  
               if(hasFeatTopicDivTwo == "True")
               {        
                document.getElementById("divTwo").style.display = "none";
                document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>";   
               } 
               if(hasFeatTopicDivThree == "True")
               {   
                document.getElementById("divThree").style.display = "none";
                document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";   
               }
               if(hasFeatTopicDivFour == "True")
               {    
                document.getElementById("divFour").style.display = "none";
                document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
               }
               if(hasFeatTopicDivFive == "True")
               {     
                document.getElementById("divFive").style.display = "none"; 
                document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";  
               }       
                break;
            case 2:
                document.getElementById("hidLeftArrow").value = "2"; 
                document.getElementById("hidRightArrow").value = "2";            
                document.getElementById("divOne").style.display = "none"; 
                document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";
                document.getElementById("divTwo").style.display = "";
                document.getElementById("spanTwo").innerHTML = "<span>" +  tabTwo + "</span>";  
               if(hasFeatTopicDivThree == "True")
               {    
                document.getElementById("divThree").style.display = "none";
                document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";
               }
               if(hasFeatTopicDivFour == "True")
               {     
                document.getElementById("divFour").style.display = "none";
                document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
               }
               if(hasFeatTopicDivFive == "True")
               {    
                document.getElementById("divFive").style.display = "none"; 
                document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
               }          
                break;
            case 3:
                document.getElementById("hidLeftArrow").value = "3"; 
                document.getElementById("hidRightArrow").value = "3";            
                document.getElementById("divOne").style.display = "none"; 
                document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";            
                document.getElementById("divTwo").style.display = "none";
                document.getElementById("spanTwo").innerHTML =   "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                document.getElementById("divThree").style.display = "";
                document.getElementById("spanThree").innerHTML =  "<span>" + tabThree + "</span>";
               if(hasFeatTopicDivFour == "True")
               {    
                document.getElementById("divFour").style.display = "none";
                document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
               }
               if(hasFeatTopicDivFive == "True")
               {     
                document.getElementById("divFive").style.display = "none";  
                document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
               }        
                break;
            case 4:
                document.getElementById("hidLeftArrow").value = "4";
                document.getElementById("hidRightArrow").value = "4";             
                document.getElementById("divOne").style.display = "none"; 
                document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                document.getElementById("divTwo").style.display = "none";
                document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                document.getElementById("divThree").style.display = "none";
                document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                document.getElementById("divFour").style.display = "";
                document.getElementById("spanFour").innerHTML = "<span>" + tabFour+ "</span>"; 
               if(hasFeatTopicDivFive == "True")
               {    
                document.getElementById("divFive").style.display = "none";  
                document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";  
               }                          
                break;
             case 5:
                document.getElementById("hidLeftArrow").value = "5";
                document.getElementById("hidRightArrow").value = "5";            
                document.getElementById("divOne").style.display = "none"; 
                document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                document.getElementById("divTwo").style.display = "none";
                document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                document.getElementById("divThree").style.display = "none";
                document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                document.getElementById("divFour").style.display = "none";
                document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>"; 
                document.getElementById("divFive").style.display = ""; 
                document.getElementById("spanFive").innerHTML = "<span>" + tabFive + "</span>";              
                break; 
             case 6:
                document.getElementById("divRightArrow").style.display = "none" 
                if(selectedRightIndex == 1)
               {  
                   document.getElementById("hidLeftArrow").value = "1";   
                    document.getElementById("hidRightArrow").value = "1";
                    if(hasFeatTopicDivOne == "True")
                   {               
                    document.getElementById("divOne").style.display = ""       
                    document.getElementById("spanOne").innerHTML = "<span>" + tabOne + "</span>";
                    }  
                   if(hasFeatTopicDivTwo == "True")
                   {        
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>";   
                   } 
                   if(hasFeatTopicDivThree == "True")
                   {   
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";   
                   }
                   if(hasFeatTopicDivFour == "True")
                   {    
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
                   }
                   if(hasFeatTopicDivFive == "True")
                   {     
                    document.getElementById("divFive").style.display = "none"; 
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";  
                   }       
               }  
               if(selectedRightIndex == 2)
               {
                    document.getElementById("hidLeftArrow").value = "2"; 
                    document.getElementById("hidRightArrow").value = "2";  
                    if(hasFeatTopicDivOne == "True")
                   {              
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";
                    }
                    if(hasFeatTopicDivTwo == "True")
                   {    
                    document.getElementById("divTwo").style.display = "";
                    document.getElementById("spanTwo").innerHTML = "<span>" +  tabTwo + "</span>";  
                    }
                   if(hasFeatTopicDivThree == "True")
                   {    
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>";
                   }
                   if(hasFeatTopicDivFour == "True")
                   {     
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
                   }
                   if(hasFeatTopicDivFive == "True")
                   {    
                    document.getElementById("divFive").style.display = "none"; 
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
                   }          
               }
               if(selectedRightIndex == 3)
               {
                    document.getElementById("hidLeftArrow").value = "3"; 
                    document.getElementById("hidRightArrow").value = "3"; 
                    if(hasFeatTopicDivOne == "True")
                   {               
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML =  "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>";            
                    }
                    if(hasFeatTopicDivTwo == "True")
                   {    
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML =   "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    }
                    if(hasFeatTopicDivThree == "True")
                   {    
                    document.getElementById("divThree").style.display = "";
                    document.getElementById("spanThree").innerHTML =  "<span>" + tabThree + "</span>";
                    }
                   if(hasFeatTopicDivFour == "True")
                   {    
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>";  
                   }
                   if(hasFeatTopicDivFive == "True")
                   {     
                    document.getElementById("divFive").style.display = "none";  
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";
                   }        
               }
               if(selectedRightIndex == 4)
               {
                    document.getElementById("hidLeftArrow").value = "4";
                    document.getElementById("hidRightArrow").value = "4";  
                    if(hasFeatTopicDivOne == "True")
                   {               
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                    }
                    if(hasFeatTopicDivTwo == "True")
                   {    
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    }
                     if(hasFeatTopicDivThree == "True")
                   {    
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                    }
                    if(hasFeatTopicDivFour == "True")
                   { 
                    document.getElementById("divFour").style.display = "";
                    document.getElementById("spanFour").innerHTML = "<span>" + tabFour+ "</span>"; 
                    }
                   if(hasFeatTopicDivFive == "True")
                   {    
                    document.getElementById("divFive").style.display = "none";  
                    document.getElementById("spanFive").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(5);return false;\">" + tabFive + "</a>";  
                   }                    
               }
               if(selectedRightIndex == 5)
               {
                    document.getElementById("hidLeftArrow").value = "5";
                    document.getElementById("hidRightArrow").value = "5";
                    if(hasFeatTopicDivOne == "True")
                   {    
                    document.getElementById("divOne").style.display = "none"; 
                    document.getElementById("spanOne").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(1);return false;\">" + tabOne + "</a>"; 
                    }
                    if(hasFeatTopicDivTwo == "True")
                   {    
                    document.getElementById("divTwo").style.display = "none";
                    document.getElementById("spanTwo").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(2);return false;\">" + tabTwo + "</a>"; 
                    }
                    if(hasFeatTopicDivThree == "True")
                   {    
                    document.getElementById("divThree").style.display = "none";
                    document.getElementById("spanThree").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(3);return false;\">" + tabThree + "</a>"; 
                    }
                    if(hasFeatTopicDivFour == "True")
                   {    
                    document.getElementById("divFour").style.display = "none";
                    document.getElementById("spanFour").innerHTML = "<a href=\"\" onclick=\"ClickCountTab(4);return false;\">" + tabFour + "</a>"; 
                    }
                     if(hasFeatTopicDivFive == "True")
                   {    
                    document.getElementById("divFive").style.display = ""; 
                    document.getElementById("spanFive").innerHTML = "<span>" + tabFive + "</span>";  
                    }
               }        
                break;  
            default:
                break;
            } 
   } 
}