function showIPConfig()
{
    var el;

    if(document.getElementById("wifiCfg0checked"))
    {
        document.getElementById("wifiCfg0checked").style.display = 'compact';
        el = document.getElementById("wifiCfg");
        if(el) el.style.display = 'none';

        if(document.getElementById("wifiCfg3checked"))
        {
          document.getElementById("wifiCfg3checked").style.display = 'compact';
          el = document.getElementById("wifiCfg3");
          if(el) el.style.display = 'none';
        } else
        {
          el = document.getElementById("wifiCfg3checked");
          if(el) el.style.display = 'none';
          el = document.getElementById("wifiCfg3");
          if(el) el.style.display = 'compact';
        }

        if(document.getElementById("wifiCfg1checked"))
        {
          document.getElementById("wifiCfg1checked").style.display = 'compact';
        } else
        {
          el = document.getElementById("wifiCfg1");
          if(el) el.style.display = 'none';
        }
    } else
    {
      el = document.getElementById("wifiCfg0");
      if(el) el.style.display = 'none';
      el = document.getElementById("wifiCfgchecked");
      if(el) el.style.display = 'compact';
    }
}

// Method to enable the correct side-bar menu for the underlying host interface.
function enableIfConfig()
{
    // Disable keymap if no host is connected to the SharpKey. KeyInterface is the base class which exists when
    // no host was detected to invoke a host specific sub-class.
    if(activeInterface === "KeyInterface ")
    {
        document.getElementById("keyMapAvailable").style.display = 'none';
        document.getElementById("mouseCfgAvailable").style.display = 'none';
    }
    // Mouse interface active?
    else if(activeInterface === "Mouse ")
    {
        document.getElementById("keyMapAvailable").style.display = 'none';
        document.getElementById("mouseCfgAvailable").style.display = 'compact';
    } else
    {
        document.getElementById("keyMapAvailable").style.display = 'compact';

        // Secondary interface available?
        if(secondaryInterface == "Mouse ")
        {
            document.getElementById("mouseCfgAvailable").style.display = 'compact';
        } else
        {
            document.getElementById("mouseCfgAvailable").style.display = 'none';
        }
    }
}

// On document load, setup the items viewable on the page according to set values.
document.addEventListener("DOMContentLoaded", function setPageDefaults()
{
    enableIfConfig();
    showIPConfig();
});

// jQuery dropdown toggle handlers for sidebar submenu animations.
$(document).ready(function(){
    $('.side-nav .dropdown-toggle').on('click', function(e) {
        e.preventDefault();
        var $target = $($(this).data('target'));
        $target.collapse('toggle');
    });
});