﻿        function lnkChg(name) {
            if(name == 'register') {
                document.getElementById('register').style.color='blue';
            }else {
                document.getElementById('register').style.color='white';
            }
            if(name == 'speakers') {
                document.getElementById('speakers').style.color='blue';
            }else {
                document.getElementById('speakers').style.color='white';
            }
            if(name == 'agenda') {
                document.getElementById('agenda').style.color='blue';
            }else {
                document.getElementById('agenda').style.color='white';
            }
            if(name == 'hotel') {
                document.getElementById('hotel').style.color='blue';
            }else {
                document.getElementById('hotel').style.color='white';
            }
        }
        
        //http://concepts.waetech.com/dhtml_tabs/
      var panels = new Array('panel1', 'panel2','panel3', 'panel4', 'panel5', 'panel6', 'panel7', 'panel8','panel9', 'panel10', 'panel11', 'panel12','panel13', 'panel14', 'panel15', 'panel16', 'panel17', 'panel18', 'panel19', 'panel20', 'panel21', 'panel22', 'panel23', 'panel24');
      var selectedTab = null;
      function showPanel(tab, name)
      {
        if (selectedTab == null)
        {
          document.getElementById('tab1').style.backgroundColor = '#A3B7A7';
          document.getElementById('tab1').style.paddingTop = '';
          document.getElementById('tab1').style.marginTop = '4px';
        }
        if (selectedTab) 
        {
          selectedTab.style.backgroundColor = '#A3B7A7';
          selectedTab.style.paddingTop = '';
          selectedTab.style.marginTop = '4px';
        }
        selectedTab = tab;
        selectedTab.style.backgroundColor = 'White';
        selectedTab.style.paddingTop = '6px';
        selectedTab.style.marginTop = '0px';        
        for(i = 0; i < panels.length; i++)
        {
          document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
        }
        return false;
      }
