function showHideSidebar(id, state) {
  var idicon = id + '_icon';
  var idicon_bottom = idicon + '_bottom';
  var d = document.getElementById(id);
  var di1 = document.getElementById(idicon);
  var di2 = document.getElementById(idicon_bottom);

  if ( state == 1 ) {
    d.style.display = 'block';
    di1.innerHTML = '<a href="#' + idicon + '" onclick="return showHideSidebar(\'' + id + '\', 0);" onkeypress="return showHideSidebar(\'' + id + '\', 0);">[隠す]</a>';
    di2.innerHTML = '<a href="#' + idicon + '" onclick="return showHideSidebar(\'' + id + '\', 0);" onkeypress="return showHideSidebar(\'' + id + '\', 0);">[隠す]</a>';
  } else {
    d.style.display = 'none';
    di1.innerHTML = '<a href=""#' + idicon + '" onclick="return showHideSidebar(\'' + id + '\', 1);" onkeypress="return showHideSidebar(\'' + id + '\', 1);">[表示する]</a>';
    di2.innerHTML = '';
  }
  di1.focus();
  return false;
}

function initSidebar() {
  var items = document.getElementsByTagName( 'ul' );
  for ( var i = 0, l = items.length; i < l; i++) {
    var item = items[i];
    if ( item.className != 'sidebar-component' ) continue;
    showHideSidebar(item.id, 0);
  }
}
