  function initMouseCapture()
  {

    if (window.Event)
    {
      document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = getXY;

    return 0;
  }

  function getXY(e)
  {
//alert(document.body.scrollTop);
    // note: no "var" command; therefore mousePos.x, mousePos.y variables global
    mousePosX = (window.Event) ? (e.clientX + document.body.scrollLeft) : (event.clientX + document.body.scrollLeft);		// variable explination: e.clientX is mozilla mouseX & scrollX. document.body.scrollLeft is IE 6.0 scroll displacement and event.clientX is IE 6.0 mouseX.
    mousePosY = (window.Event) ? (e.clientY + document.body.scrollTop) : (event.clientY + document.body.scrollTop);

    // update the postion of all sample imgs
    var imgEle = document.getElementById('index_sampling_img');
    //alert(imgEle.height);
    imgEle.style.top = mousePosY - (imgEle.height / 2);
    imgEle.style.left = mousePosX + 16;

    var tableEle = document.getElementById('specialsTable');
    //alert(tableEle.style.top);
    tableEle.style.top = mousePosY - (120 / 2);
    tableEle.style.left = mousePosX - 190;
  }

  function viewImg (dispFlag, imgCacheEle, e) {
    // dispFlag = 1 -- show image
    // dispFlag = 2 -- hide image

    var imgEle = document.getElementById('index_sampling_img');

    imgEle.src = imgCacheEle.src;

    if (dispFlag == 1)
    {
      imgEle.style.display = '';
    }
    else
      imgEle.style.display = 'none';

    return 0;
  }
