function getTopLeft(obj) 
   {
	// // alert("In .js getTopLeft() function!");
	 var left = 0;
	 var top = 0;
	 if (obj.offsetParent) 
 	 {
        do 
		{
			left += obj.offsetLeft;
			top += obj.offsetTop;
		} while (obj = obj.offsetParent);
	 }
    // // alert("In .js TopLeft() function!\nLeft = "+left+"\nTop = "+top);
	return [top, left];
   }

   function popImg(open, iref, dispImg) 
   {
    // // alert("In .js popImg() function!");
    if (open) 
	{
     // // alert("In .js popImg(open) function!\niref Type = "+iref.src);

     // top for popup image 10 pixels below corresponding thumb
	 // left for popup image is aligned with left of thumbnail
	 // use same source file for popup as thumbnail

     var pos = getTopLeft(iref);
     var top = pos[0] + 'px';
     var left = 5 + iref.offsetWidth + pos[1] + 'px';

     var img = '<img class="imgb" src="' + dispImg + '" />'; // iref.src
     // // alert("In .js popImg(open) function!\nImg = "+img);
     //var img = '<span><img class="tnail" src="' + iref.src + '" /><br>Just something</span>';

     // // // alert("In popImg(open) function!\nimg = "+img+"\nTop = "+top+"\nLeft = "+left);
	 var d = document;

	 // if popup hasn't yet been added, create and append to body
     if (null == d.getElementById('bigImg')) 
	 {
      var pop = d.createElement('DIV');
      pop.id = 'bigImg';
      pop.style.position = 'absolute';
      d.body.appendChild(pop);
      // // alert('In .js Adding DIV elememt');
	 }
	 else
     {
	  // get reference to popup image container div
      var pop = d.getElementById('bigImg');
     }    

     // set image element into div
     pop.innerHTML = img;

	 // position relative to thumbnail
     pop.style.top = top;
     pop.style.left = left;
	 pop.style.border = "2px solid";
	 pop.style.color = "red";
	 pop.style.padding = "3px";

     // // alert("In .js popImg(open) function!\nimg = "+img+"\nTop = "+top+"\nLeft = "+left);

     // // alert("In .js popImg(open) function!\nAbout to Display");
	 // show the div and its image
     pop.style.display = "block";
	 
     // // alert("In .js popImg(open) function!\nAfter to Display - 2");
    }
    else 
	{
     // // alert("In .js popImg(false) function!");
     // since request was for close, (open==false), hide the div -
     // don't destroy it, since it can be recycled cheaper
     var pop = document.getElementById('bigImg');
     pop.style.display = "none";
    }
   }