window.onload = function() {
  var nodes = document.getElementById('sidebar').getElementsByTagName('a')
  for (var i = 0; i < nodes.length; i++) {
    nodes[i].onmouseover = onmouseover
    nodes[i].onmouseout = onmouseout
    nodes[i].onclick = onclick
  }
}

function onclick() {
  if (this.tagName == 'A') {
    var nodes = document.getElementById('sidebar').getElementsByTagName('a')
    for (var i = 0; i < nodes.length; i++) {
      nodes[i].className = '' //.replace(/(^|\s)active(\s|$)/, '$1')
      visible(nodes[i], false)
    }
    this.className = 'active'
    visible(this, true)
    this.blur()
    frames['image'].window.location.reload(true)
  }
  return true
}

function onmouseover() {
  if (this.tagName == 'A') {
    if (!this.className.match(/(^|\s)active(\s|$)/)) {
      visible(this, true)
    }
  }
}

function onmouseout() {
  if (this.tagName == 'A') {
    if (!this.className.match(/(^|\s)active(\s|$)/)) {
      visible(this, false)
    }
  }
}

function visible(node, value) {
  var nodes = node.getElementsByTagName('img')
  for (var i = 0; i < nodes.length; i++) {
    if (nodes[i].className.match(/(^|\s)active(\s|$)/)) {
      nodes[i].style.display = value ? 'block' : 'none'
      break
    }
  }
}