/*
  btn = refrence to link button
  index = the index of the link button
  tabControlId = the client id of the TabsView control
  hfId = hidden field id
  unSelectedCSS = unselected css class name
  seletedCSS = selected css class name
*/
function OnTabClick(btn , index , tabControlId , hfId , unSelectedCSS , seletedCSS) 
{

  var exprArray = "tabButtons_" + tabControlId;
  var length = eval(exprArray + ".length");
    
  for ( var i=0; i<length;i++)
  {
    var exprElement = "tabButtons_" + tabControlId + "[" + i + "]";
    var btnId = eval(exprElement);
    //alert(id == btn.id);
    var contentId = eval("tabContents_" + tabControlId + "[" + i + "]");
    
    if ( btnId == btn.id)//when link button selected.
    {
      document.getElementById(btnId).className = seletedCSS;
      if(document.getElementById(btnId).innerHTML == "&nbsp;NEWS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #45ca3f";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;EVENTS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #179fdb";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;SPORTS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #ff7d0a";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;RESEARCH&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #ef538a";
        }
        document.getElementById(btnId).style.color = "#414646";
      document.getElementById(contentId).style.display = "block";
      document.getElementById(hfId).value = i;//store the current index in hidden field.
            
    }
    else
    {
    if(document.getElementById(btnId).innerHTML == "&nbsp;NEWS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #eeeeee";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;EVENTS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #eeeeee";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;SPORTS&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #eeeeee";
        }
        if(document.getElementById(btnId).innerHTML == "&nbsp;RESEARCH&nbsp;"){
      document.getElementById(btnId).style.borderWidth="0px 0px 0px 10px";
        document.getElementById(btnId).style.borderColor = "#eeeeee #eeeeee #eeeeee #eeeeee";
        }
      document.getElementById(btnId).style.color = "#bfc1c1";
      document.getElementById(btnId).className = unSelectedCSS;// "UnSelectedStyle";
      document.getElementById(contentId).style.display = "none";
      
    }
  }
 
  
 return false;
    
}

function SelectTab(index , tabControlId , hfId , unSelectedCSS , seletedCSS)
{
   var exprElement = "tabButtons_" + tabControlId + "[" + index + "]";
   var btnId = eval(exprElement)
  OnTabClick(document.getElementById(btnId) , index , tabControlId , hfId , unSelectedCSS , seletedCSS );
}