var divName = 'imgLayer'; 
var offX = 15; 
var offY = -300; 

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('imgLayer').style.visibility == 'hidden') 
{return;} 

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

document.onmousemove = follow;

function showHideDiv(stat,img, evt, wdpx, htpx)
{if (stat=="show") 
{ 
follow(evt);
var objDiv = document.getElementById('imgLayer');
objDiv.style.visibility = 'visible'; 
objDiv.style.height=htpx + "px";
objDiv.style.width= wdpx + "px";
objDiv.innerHTML = '<table width="' + wdpx + 'px" height="' + htpx + 'px" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"><tr><td><img name="model" src="' + img + '" width="' + wdpx + 'px" height="' + htpx + 'px"></td></tr></table>'; objDivTop = 0 ; newTop = 0 ; } else if(stat=="hide"){document.getElementById('imgLayer').style.visibility = 'hidden'; document.getElementById('imgLayer').innerHTML = "<img src='images/trans.gif' />";
}
}