function realShowThumb() {
  var thumb = document.getElementById('thumbnail');
  if(thumb.active) {
    thumb.src = thumb.active_src;
    thumb.style.display = 'block';
  }
}

function showThumb(e, src, url) {
  if(!e) e = window.event;

  var thumb = document.getElementById('thumbnail');
  thumb.active     = true;
  thumb.active_src = src;

  setTimeout("realShowThumb()", 500);
  return moveThumb(e);
}

function moveThumb(e) {
  if(!e) e = window.event;
  var thumb = document.getElementById('thumbnail');

  if(thumb.active) {
    var height = (self.innerHeight ? self.innerHeight : document.documentElement.clientHeight);
    var padding  = 10;
    var t_height = 120; //thumb.offsetHeight;
    thumb.style.top = ((height - e.clientY) > (t_height + padding) ? (e.clientY + padding) : (e.clientY - t_height - padding)) 
                      + ((document.all) ? document.documentElement.scrollTop : window.pageYOffset) + 'px';
    thumb.style.left    = (e.clientX + padding) + 'px';
    return false;
  }
}

function hideThumb() {
  var thumb = document.getElementById('thumbnail');
  thumb.style.display = 'none';
  thumb.src = 'images/loading.gif';
  thumb.active = false;
  return false;
}