function $(element) {  // From Prototype 1.5 $()
  if (arguments.length > 1) {
    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
      elements.push($(arguments[i]));
    return elements;
  }
  if (typeof element == 'string')
    element = document.getElementById(element);
  return element;
}

var DisplayPopup = new Object();
DisplayPopup.init = function () {
    DisplayPopup.popup = $('displaypopup');
    DisplayPopup.image = $('displaypopup_image');
    DisplayPopup.prodnum = $('displaypopup_prodnum');
    DisplayPopup.desc = $('displaypopup_desc');
};

DisplayPopup.MouseX = 0;
DisplayPopup.MouseY = 0;

function ShowPopup( imgurl, prodnum, desc ) {
    if (! DisplayPopup.image ) { DisplayPopup.init(); };

    DisplayPopup.image.src = imgurl;
    DisplayPopup.prodnum.innerHTML = prodnum;
    DisplayPopup.desc.innerHTML = desc;
    
    DisplayPopup.popup.style.left = "" + (5 + DisplayPopup.MouseX) + "px";
    DisplayPopup.popup.style.top = "" + (0 - DisplayPopup.popup.offsetHeight - 5 + DisplayPopup.MouseY ) + "px";
    DisplayPopup.popup.style.visibility = "visible";
}

function HidePopup( ) {
    DisplayPopup.popup.style.visibility = "hidden";
}

function getMouseXY(e) {
    e = e || window.event;
    if (e.pageX) {
        DisplayPopup.MouseX = e.pageX;
        DisplayPopup.MouseY = e.pageY;
    } else {
        if (document.body.scrollLeft != null) {
            DisplayPopup.MouseX = e.clientX + document.body.scrollLeft;
            DisplayPopup.MouseY = e.clientY + document.body.scrollTop;
        }
        else {
            DisplayPopup.MouseX = e.clientX + document.documentElement.scrollLeft;
            DisplayPopup.MouseY = e.clientY + document.documentElement.scrollTop;
        }
    }
}

document.onmousemove = getMouseXY;