var isPopDefined = false;

var xoffset = 15;
var yoffset = 10;

document.onmousemove = function(e) {
	if (!isPopDefined)
		return;
		
  var x, y, right, bottom;
  
  try { x = e.pageX; y = e.pageY; yyy = 0; } // FF
  catch(e) { x = event.x; y = event.y; yyy = document.documentElement.scrollTop} // IE

  right = (document.documentElement.clientWidth || document.body.clientWidth || document.body.scrollWidth);
  bottom = (window.scrollY || document.documentElement.scrollTop || document.body.scrollTop) + (window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight);

  x += xoffset;
  y += yoffset;
   
  if(x > right-pop.offsetWidth)
    x = right-pop.offsetWidth;

  if(y+yyy > bottom-pop.offsetHeight)
    y = bottom-pop.offsetHeight-yyy;
  
  pop.style.top = y+yyy+'px';
  pop.style.left = x+'px';

}

function popup(elt) {
	if (!isPopDefined) {
		isPopDefined = true;
		pop = document.getElementById('popup');
	}
  document.getElementById('popup_img_over').innerHTML = "";
  //document.getElementById('popup_img').setAttribute('src', '/images/rouegrise.gif');
  document.getElementById('popup_img_over').innerHTML = "<img src='" + elt.getAttribute('srcBig') + "' align='center'>";
  document.getElementById('popup_span').innerHTML = elt.getAttribute('itemName');
  pop.style.display = 'block';
}

function popout() {  
  pop.style.display = 'none';
}