function get(eid) {
var d = document;
var r = d.getElementById(eid);
return r;
}
function findPos(obj)
{
 var left = !!obj.offsetLeft ? obj.offsetLeft : 0;
 var top = !!obj.offsetTop ? obj.offsetTop : 0;

 while(obj = obj.offsetParent)
 {
  left += !!obj.offsetLeft ? obj.offsetLeft : 0;
  top += !!obj.offsetTop ? obj.offsetTop : 0;
 }
 return{x:left, y:top};
}
function popImg(open, iref) {
if (open) {
pos = findPos(iref);
 
// top for popup image 10 pixels
// below corresponding thumb
var top = (pos.y + iref.offsetHeight) + 'px';
// left for popup image is aligned
// with left of thumbnail
var left = (pos.x + 20 ) + 'px';
// use same source file for popup
// as thumbnail
var img = '<img src="' +
iref.src + '" />';
var d = document;
// if popup hasn't yet been added,
// create and append to body
if (null == get('popImg')) {
var pop = d.createElement('DIV');
pop.id = 'popImg';
pop.style.position = 'absolute';
d.body.appendChild(pop);
}
// get reference to popup image
// container div
var pop = get('popImg');
// set image element into div
pop.innerHTML = img;
// position relative to thumbnail
pop.style.top = top;
pop.style.left = left;
// show the div and its image
pop.style.display = 'block';
}
else {
// since request was for close,
// (open==false), hide the div -
// don't destroy it, since it can
// be recycled cheaper
var pop = get('popImg');
pop.style.display = 'none';
}
}