function getImageLayer()
{
  if( document.getElementById )
    return document.getElementById( 'mo_image_layer' );
  return false;
}

function loadImage( id )
{
  var img = new Image;
  img.src = "/images/classifieds/" + id + ".jpg";
  document.images['mo_image'].src = img.src;
}

function showImage( event, id )
{
  var l = getImageLayer();
  if( ! l )
    return;

  if( l.style.visibility == 'hidden' )
  {
    l.style.visibility = 'visible';
    loadImage( id );
  }

  var img = document.images['mo_image'];
  var imgWidth = img.width;
  var imgHeight = img.height;

  if( imgWidth <= 1 || imgHeight <= 1 )
    return;

  var x = parseInt(event.clientX) - 5 - imgWidth;
  var y = parseInt(event.clientY) + 5;

  l.style.left = x + 'px';
  l.style.top = y + 'px';
}

function hideImage( event, id )
{
  var l = getImageLayer();
  if( ! l )
    return;

  l.style.visibility = 'hidden';
}