shortcut.add('F9', function() { toggleDebugbar('block'); toggleTab('errors'); });
shortcut.add('F10', function() { toggleDebugbar('block'); toggleTab('messages'); });
shortcut.add('F11', function() { toggleDebugbar('block'); toggleTab('database'); });
shortcut.add('F12', function() { toggleDebugbar('block'); toggleTab('globals'); });
shortcut.add('F8', function() { toggleDebugbar(); });
shortcut.add('Shift+Delete', function() { window.location.href = cache_url; });

shortcut.add('Alt+G', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('get'); });
shortcut.add('Alt+p', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('post'); });
shortcut.add('Alt+s', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('session'); });
shortcut.add('Alt+L', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('globals'); });
shortcut.add('Alt+E', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('server'); });
shortcut.add('Alt+C', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('cookie'); });
shortcut.add('Alt+F', function() { toggleDebugbar('block'); toggleTab('globals', 'block'); clearGlobalTabs();activeGlobalTab('files'); });

var overlibfgcolor = '#c3c6cf';
var overlibbgcolor = '#ffffff';

function overlibHelptekst() {
  if (!document.getElementsByTagName) return;
  var imgs = document.getElementsByTagName('img');

  for (var i = 0; i < imgs.length; i++) {
    var img = imgs[i];

    if (img.className == 'helptekst') {
      img.onmouseover = function() { // Toon de helptekst
        overlib(this.getAttribute('alt'), WIDTH, 150, FGCOLOR, overlibfgcolor, BGCOLOR, overlibbgcolor);
      }
      img.onmouseout = function() {
        nd();
      }
    }
  }
}

overlibHelptekst();

function toggleDebugbar(mode) {
  if(typeof(mode) == 'undefined') {
    var mode = document.getElementById('debugbar').style.display == 'block' ? 'none' : 'block';
  }
  if(mode == 'block') {
    document.getElementById('debugbar').style.display = mode;
    document.getElementById('debugbar-close').style.display = 'none';
  }
  else {
    document.getElementById('debugbar').style.display = mode;
    document.getElementById('errormessages').style.display = mode;
    document.getElementById('debugmessages').style.display = mode;
    document.getElementById('debugdatabase').style.display = mode;
    document.getElementById('debugglobals').style.display = mode;
    document.getElementById('debugbar-close').style.display = 'block';
  }
  new Ajax.Request('/Ajax/?module=Admin&debugbar='+mode);
} 

function hideDebugbar() {
  document.getElementById('debugbar').style.display = 'none';
  document.getElementById('errormessages').style.display = 'none';
  document.getElementById('debugmessages').style.display = 'none';
  document.getElementById('debugdatabase').style.display = 'none';
  document.getElementById('debugglobals').style.display = 'none';
}

function toggleTab(tab, mode) {
  var o1 = document.getElementById('debugmessages');
  var o2 = document.getElementById('debugdatabase');
  var o3 = document.getElementById('debugglobals');
  var o4 = document.getElementById('globaltypes');
  var o5 = document.getElementById('errormessages');
  
  switch(tab) {
    case 'messages':
      o1.style.display = o1.style.display == 'block' ? 'none' : 'block';
      o2.style.display = 'none';
      o3.style.display = 'none';
      o4.style.display = 'none';
      o5.style.display = 'none';
      break;
      
    case 'database':
      o2.style.display = o2.style.display == 'block' ? 'none' : 'block';
      o1.style.display = 'none';
      o3.style.display = 'none';
      o4.style.display = 'none';
      o5.style.display = 'none';
      break;
      
    case 'globals':
      if(mode != 'undefined') {
        o3.style.display = 'block';
      } else {
        o3.style.display = o3.style.display == 'block' ? 'none' : 'block';
      }
      o1.style.display = 'none';
      o2.style.display = 'none';
      o5.style.display = 'none';
      o4.style.display = o3.style.display;
      break;
      
    case 'errors':
      o5.style.display = o5.style.display == 'block' ? 'none' : 'block';
      o1.style.display = 'none';
      o2.style.display = 'none';
      o3.style.display = 'none';
      o4.style.display = 'none';
      break;
  }
}

function activeGlobalTab(tab) {
  document.getElementById('sg-'+tab).style.display='block';
  document.getElementById('span-'+tab).style.fontWeight = 'bold';
}

function clearGlobalTabs() {
  document.getElementById('sg-get').style.display = 'none';
  document.getElementById('span-get').style.fontWeight = 'normal';
  
  document.getElementById('sg-post').style.display = 'none';
  document.getElementById('span-post').style.fontWeight = 'normal';
  
  document.getElementById('sg-session').style.display = 'none';
  document.getElementById('span-session').style.fontWeight = 'normal';
  
  document.getElementById('sg-globals').style.display = 'none';
  document.getElementById('span-globals').style.fontWeight = 'normal';
  
  document.getElementById('sg-server').style.display = 'none';
  document.getElementById('span-server').style.fontWeight = 'normal';
  
  document.getElementById('sg-cookie').style.display = 'none';
  document.getElementById('span-cookie').style.fontWeight = 'normal';
  
  document.getElementById('sg-files').style.display = 'none';
  document.getElementById('span-files').style.fontWeight = 'normal';
}