var popup_timer = '';

function getRelLeft(which) {
  var elem = document.getElementById(which);
  var pos = elem.offsetLeft;
  while (elem.offsetParent != null) {
    elem = elem.offsetParent;
    pos += elem.offsetLeft;
    if (elem.tagName == 'body') break;
  } return pos;
}

function getRelTop(which) {
  var elem = document.getElementById(which);
  var pos = elem.offsetTop;
  while (elem.offsetParent != null) {
    elem = elem.offsetParent;
    pos += elem.offsetTop;
    if (elem.tagName == 'body') break;
  } return pos;
}

function render_popup(id) {
  img_src = "/screenshot/"+id+".gif";
  i_id = "i_"+id;
	boxtop = getRelTop(i_id)-5;
	boxleft = getRelLeft(i_id)-5;
  document.getElementById('popups').innerHTML = '<div class="popup" style="top:'+boxtop+'px;left:'+boxleft+'px;" onMouseOver="popup_continue();" onMouseOut="popup_stop('+id+');"><div class="popup_icon_frame" onMouseOver="popup_continue();"></div><div class="popup_box" onMouseOver="popup_continue();"></div><div class="popup_img"><img src="'+img_src+'"></div><div class="popup_icon_frame_wh" onMouseOver="popup_continue();"></div></div>';
}

function popup_continue() {
  clearTimeout(popup_timer);
}

function popup_stop(id) {
  popup_timer = setTimeout("clear_popup("+id+")", 0);
}

function clear_popup(id) {
  document.getElementById('popups').innerHTML = '';
}