

function mindcontrol() {
  var e = document.getElementById('annoybox');
  e.style.left = '' + Math.floor(Math.random() *
                                 (window.innerWidth - e.offsetWidth)) + 'px';
  e.style.top = '' + Math.floor(Math.random() *
                                (window.innerHeight - e.offsetHeight)) + 'px';
  setTimeout('doAnnoy();', Math.random() * 60000);
}


function doAnnoy() {
  document.getElementById('annoybox').style.visibility = 'visible';
  setTimeout('hideAnnoy();', 50);
}


function hideAnnoy() {
  document.getElementById('annoybox').style.visibility = 'hidden';
  mindcontrol();
}


function toggleElement(x, x_content) {
  var visibility = document.getElementById(x).style.visibility;
  if (visibility != 'hidden') {
    document.getElementById(x_content).style.visibility = 'hidden';
    height = document.getElementById(x).offsetHeight;
    hideElementStep(x, height - 10);
  }
  else {
    var element = document.getElementById(x);
    height = element.offsetHeight;
    element.style.height = '10px';
    element.style.position = 'relative';
    element.style.visibility = 'visible';
    showElementStep(x, x_content, 20, height);
  }
}


function showElementStep(x, x_content, height, goal) {
  e = document.getElementById(x);
  e_content = document.getElementById(x_content);
  if (height >= goal) {
    e.style.height = '';
    e_content.style.visibility = 'visible';
    return;
  }
  e.style.height = '' + height + 'px';
  height += 20;
  setTimeout('showElementStep(\'' + x + '\', \'' + x_content + '\', ' +
	     height + ', ' + goal + ');', 30);
}


function hideElementStep(x, height) {
  e = document.getElementById(x);
  if (height == -20) {
    e.style.visibility = 'hidden';
    e.style.position = 'absolute';
    e.style.height = '';
    return;
  }
  if (height <= 0)
    height = 0;
  e.style.height = '' + height + 'px';
  height -= 20;
  setTimeout('hideElementStep(\'' + x + '\', ' + height + ');', 30);
}



