document.write('<div id="productDetailHint" style="position:absolute;display:none;visibility:hidden;z-index:666;width:500;background-color:#ffffff;padding:5px;border-style:double;"></div>');
var productDetailHint = document.getElementById("productDetailHint");
var currentProduct = null;
var currentProductDetailtHintStr;

function showDetail(current, e)
{
  if ((productDetailHint.style.visibility != 'visible') || (currentProduct != current)) // ha gyorsan huzogatom, akkor nincs hideDetail???? :(
  {
    currentProduct = current;

    current.onmousemove = moveDetail;
    current.onmouseout = hideDetail;
    moveDetail(e);
    if (current['tagName'] == 'A')
    {
//      for (i in current)
//      {
//	window.alert('current[\''+i+'\'] is ' + current[i]);
//      }
      str = '<img src="' + current.firstChild.src + '">';
      productDetailHint.style.width = '';
    }
    else
    {

// product_listing.php: "<!--xx<object ", "</object>xx-->"

      str = current.innerHTML;
      str = str.replace(/<!--xx/gi, "");
      str = str.replace(/xx-->/gi, "");
      productDetailHint.style.width = '500px';
    }
//    if (productDetailHint.innerHTML != str) // sajna nem jo ;)
    if (currentProductDetailtHintStr != str)
    {
      productDetailHint.innerHTML = currentProductDetailtHintStr = str;
    };
    productDetailHint.style.display = 'inline';
    productDetailHint.style.visibility = 'visible';
  }
}

function moveDetail(e)
{
  mousex = mousey = 0;
  if (!e) e = window.event;
  if (e)
  { 
    if (e.pageX || e.pageY)
    {
      mousex = e.pageX;
      mousey = e.pageY;
    }
    else if (e.clientX || e.clientY)
    {
      mousex = e.clientX + document.body.scrollLeft;
      mousey = e.clientY + document.body.scrollTop;
    }
  }

  productDetailHint.style.left = mousex + 10;
  productDetailHint.style.top = mousey + 10;
}

function hideDetail(e)
{
  productDetailHint.style.visibility = 'hidden';
  productDetailHint.style.display = 'none';
}