function showImg (fn) {
	var el = document.getElementById('popupImage');
	if(fn) {
		el.innerHTML = '<div class="blockRrightShadow" style="width: auto;" ><div class="blockBottomShadow"><div class="blockConerShadow ">' + 
		'<div class="block" style="padding: 7px;">' +
		'<img src="' + fn + '" alt="" />' +
		'</div></div></div>';
	}
	else { 
		el.innerHTML ='&nbsp;';
	}
}

function move(event){
	if (!event)
		event = window.event;
	pos = mousePageXY (event);
	var el = document.getElementById('popupImage');
	imageHeight = el.getElementsByTagName('img').item(0).height;

	if (document.documentElement.clientHeight - event.clientY - imageHeight < 0)
		el.style.top = pos.y - imageHeight + 'px';
	else
		el.style.top = pos.y + 'px';
	el.style.left = pos.x + 36 + 'px';
}

function getElementPosition(elem)
{
	
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
	
    var l = 0;
    var t = 0;
	
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}

function mousePageXY (e)
{
  var x = 0, y = 0;

  if (!e) e = window.event;

  if (e.pageX || e.pageY)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else if (e.clientX || e.clientY)
  {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }

  return {"x":x, "y":y};
}