// Removes display image
function collapseDisplay(imagePath){
    document.getElementById("displayDiv").style.display="none";
    document.getElementById("displayDiv").innerHTML="";
}

// Expands display image
function expandDisplay(imagePath){
    document.getElementById("displayDiv").innerHTML="<img src='"+imagePath+"' />";
    document.getElementById("displayDiv").style.display="block";  
}

// Script that will allow the display image to "follow" mouse
var divName = "displayDiv";
var offX = -126;
var offY = 8;

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}