// GET X COORDINATE
      function getRealLeft(id) {
            var el = document.getElementById(id);
            if (el) {
                  xPos = el.offsetLeft;
                  tempEl = el.offsetParent;
                  while (tempEl != null) {
                        xPos += tempEl.offsetLeft;
                        tempEl = tempEl.offsetParent;
                  }
                  return xPos;
            }
      }
     
      // GET Y COORDINATE
      function getRealTop(id) {
			var el = document.getElementById(id);
            if (el) {
                  yPos = el.offsetTop;
                  tempEl = el.offsetParent;
                  while (tempEl != null) {
                        yPos += tempEl.offsetTop;
                        tempEl = tempEl.offsetParent;
                  }
                  return yPos;
            }
      }
     
	function showThumb( id, name, x, y )
	{
		var el = document.getElementById(id+"image");
		el.innerHTML="<img alt='pop up' src='/images/toenails/"+name+"'/>";
		document.getElementById(id+"image").style.top = (getRealTop( id+"shift" )+18)+'px';
		
		el.style.width=x+'px';
		el.style.height=y+'px';
		
		if( id == 'prev_' )
			el.style.left = (getRealLeft( id+"shift" )-(x)+75)+'px';
		else
			el.style.left = (getRealLeft( id+"shift" ))+'px';
		el.style.display='block';
	}
	
	function hideThumb( id )
	{
		var el = document.getElementById(id+"image");
		el.style.display='none';
	}