var x = 0; var y = 0;
var posx = 0; var posy = 0;

function mouseMove (evt) 
{ 
  var scrolltop=0; var scrollleft=0;
  if (document.layers) {
    x=evt.x; y=evt.y;
  } 
  if (document.all) {
    x=event.clientX; y=event.clientY;
  } else {
    if (document.getElementById) {
      x=evt.clientX; y=evt.clientY; 
    }
  }
  
  if (document.documentElement && document.documentElement.scrollTop)
  {
    scrolltop = document.documentElement.scrollTop;
    scrollleft = document.documentElement.scrollLeft;
  }
  else if (document.body)
  {
    scrolltop = document.body.scrollTop;
    scrollleft = document.body.scrollLeft;
  }
  
  posx = scrollleft + x;
  posy = scrolltop + y;
} 

function show_popup(text)
{
  var layer = document.getElementById('preview');
  layer.innerHTML = text;

  layer.style.display = 'block';
}

function place_popup()
{
  var layer = document.getElementById('preview');
  
  if((x + layer.clientWidth + 30) >= document.documentElement.clientWidth)
    layer.style.left = (posx - layer.clientWidth) + 'px';
  else
    layer.style.left = (posx + 20) + 'px';

  
  if((y + layer.clientHeight + 30) >= document.documentElement.clientHeight)
   layer.style.top = (posy - layer.clientHeight) + 'px';
  else
    layer.style.top = posy+20 + 'px';
}

function file_popup(image, ext, size, date, description, hits)
{
  if(image != '')
    image_fin = '<span class="small"><img src="' + image + '" /><br />';
  else
    image_fin = '<span class="small">[ Pas de miniature ]<br />';

  if(image == -1)
    image_fin = '<span class="small">';
  
  /*show_popup(image_fin + '<b>Extension :</b> ' + ext + '<br /><b>Taille :</b> ' + size + '<br />' + 
             '<b>Date :</b> ' + date + '<br /><b>Hits :</b> ' + hits + '<br/><br /><b>Description :</b> ' + description + 
             '</span>');*/
  show_popup(image_fin + '<b>Descripción:</b> ' + description + '<br /></span>');
  
}
  
function hide_popup()
{
  document.getElementById('preview').style.display = 'none';
}

function show_hide(elem)
{
  var doc_elem = document.getElementById(elem)
  doc_elem.style.display = doc_elem.style.display == 'none' ? 'block' : 'none';
}

if (document.layers) 
  document.captureEvents(Event.MOUSEMOVE); 

if (document.layers || document.all) 
  document.onmousemove = mouseMove; 

if (document.addEventListener) 
  document.addEventListener('mousemove', mouseMove, true);