function showOverlay(imgInfo) {
    var lightbox = document.getElementById('lightbox');
    
    try {
	var ScrollTop = document.body.scrollTop;
	if (ScrollTop == 0) {
	    if (window.pageYOffset)
    	    ScrollTop = window.pageYOffset;
	    else
    	    ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	lightbox.style.top = ScrollTop+'px';

    } catch (ex) {
	alert('none');
    }
    
    lightbox.innerHTML = '';
    lightbox.style.height = '100%';
    lightbox.style.display = 'block';
    lightbox.style.zIndex = 2001;
    var src = 'storage/large/'+imgInfo['id']+'.jpg';
    
    
    lightbox.innerHTML = '<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">'+
                         '<tr><td cellpadding="3" height="0px auto">&nbsp;</td></tr>'+
			 '<tr><td width="50%" valign="middle" height="0%">&nbsp;</td><td>'+
			 '<table width="0px"><tr><td id="lightboxCell">'+
			 '<div id="lightboxHolder"><img src="close.gif" id="lightboxClose"/>'+
			      '<img src="'+src+'" /><br>'+
			      '<div id="lightboxName">Stock Design ID: <u>'+
			      htmlentities(imgInfo['name'])+
			      ' </u></div>'+
			      '<div id="lightboxRight"><a href="javascript: ;" id="lightBoxCloseHref">close</a></div>'+
			      '</div></td></tr>'+
			 '</table>'+
			 '</td><td width="50%"></td></tr>'+
                         '<tr><td cellpadding="3" height="0px auto">&nbsp;</td></tr>'+
			 '</table>';
			 
    window.onscroll = function(e) {
    var lightbox = document.getElementById('lightbox');
    lightbox.style.display = 'none';
    
    try {
	var ScrollTop = document.body.scrollTop;
	if (ScrollTop == 0) {
	    if (window.pageYOffset)
    	    ScrollTop = window.pageYOffset;
	    else
    	    ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	lightbox.style.top = ScrollTop+'px';

    } catch (ex) {
	alert('none');
    }

    lightbox.style.display = 'block';
	
    }
    
    document.getElementById('lightboxClose').onclick = function() {
	document.getElementById('lightbox').style.display = '';
	document.body.style.overflow = '';
	window.onscroll = null;
    }
    
    document.getElementById('lightBoxCloseHref').onclick = function() {
	document.getElementById('lightbox').style.display = '';
	document.body.style.overflow = '';
	window.onscroll = null;
    }
    
}