// get objectX
function findPosX(obj)
{
  var curleft = 0;
  if(obj.offsetParent)
    while(1) 
    {
      curleft += obj.offsetLeft;
      if(!obj.offsetParent)
        break;
        obj = obj.offsetParent;
    }
    else if(obj.x)
        curleft += obj.x;
  return curleft;
}

// get objectY
function findPosY(obj)
{
  var curtop = 0;
  if(obj.offsetParent)
    while(1)
    {
      curtop += obj.offsetTop;
      if(!obj.offsetParent)
        break;
        obj = obj.offsetParent;
    }
    else if(obj.y)
      curtop += obj.y;
  return curtop;
}

// main popup function + ajax query
function ShowUpic(obj, photo_width, uid, widthright)
	{
	  // find x and y of the thumbnail
	  var objx=findPosX(obj);
	  var objy=findPosY(obj);
	  
	var wWidth = document.body.clientWidth/2;
	if (objx+60 <= wWidth) {
		var orient='left';
	} else {
		var orient='right';
	}
    
    
		div = document.getElementById('upictmp');
		div.style.display = 'block';
		div.style.position = 'absolute';
		div.style.width = photo_width;
		div.style.backgroundColor = '#726745';
		div.style.border = 'solid 1px black';
		div.style.padding = '5px';
		
		if (orient == 'right') {
			div.style.top = objy-30+'px';
			div.style.left = objx-200+'px';
		} else {
			div.style.top = objy-30+'px';
			div.style.left = objx+widthright+'px';
		}
		//div.style.top = objy+'px';//'5px';
		//div.style.left = objx+'px';//'20px';
		
		
		div.style.fontSize = '11px';
		div.style.textAlign = 'center';
		div.style.borderColor = 'white';
    
    // fill in div with required data
		div.innerHTML = '<div>' + uid + '</div>';
	}

function HideUpic()
{
	div = document.getElementById('upictmp');
	div.style.display = 'none';
}